@aryacode/dsh-aryacode-polish 0.15.2 → 0.17.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # Changelog
 
+## [0.17.0] - 2026-10-28
+
+### Added
+- **Drop a workspace on a folder header to file it there.** The title is rewritten to
+  Folder/Name (any previous prefix is replaced, not stacked) through the Host rename.
+- **A workspace note shows as a card on hover**, not just as a tooltip title.
+
+
+## [0.16.0] - 2026-10-28
+
+### Added
+- **A glyph per workspace.** The workspace menu can put an emoji badge in front of a
+  workspace instead of the folder icon, and the choice is remembered with the colour.
+- **A note per workspace.** The note shows as the row tooltip and is edited from the same
+  menu; Enter saves, Escape cancels.
+
+
 ## [0.15.2] - 2026-10-28
 
 ### Added

package/client/workspace.js

@@ -435,6 +435,70 @@ export function splitArchived(sessions, archivedIds) {
   return { active, archived }
 }
 
+const WS_GLYPH_GRID = {
+  display: 'grid',
+  gridTemplateColumns: 'repeat(6, 26px)',
+  gap: '2px',
+  padding: '2px',
+}
+
+const WS_GLYPH_BUTTON = {
+  width: '26px',
+  height: '26px',
+  display: 'inline-flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  padding: 0,
+  border: 'none',
+  borderRadius: 'var(--dsw-radius-sm, 6px)',
+  background: 'transparent',
+  fontSize: '15px',
+  lineHeight: 1,
+  cursor: 'pointer',
+}
+
+const WS_NOTE_INPUT = {
+  width: '220px',
+  boxSizing: 'border-box',
+  padding: '5px 8px',
+  border: '0.5px solid var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.12))',
+  borderRadius: 'var(--dsw-radius-sm, 6px)',
+  background: 'transparent',
+  color: 'inherit',
+  font: 'inherit',
+  outline: 'none',
+}
+
+const WS_MENU_HINT = {
+  padding: '4px 8px 2px',
+  fontSize: 'calc(var(--dsh-content-font-size-secondary, 13px) - 2px)',
+  color: 'var(--dsw-alias-label-quaternary, #8a8a8a)',
+}
+
+const WS_NOTE_CARD = {
+  position: 'fixed',
+  zIndex: 1250,
+  maxWidth: '260px',
+  padding: '6px 9px',
+  borderRadius: 'var(--dsw-radius-md, 8px)',
+  border: '0.5px solid var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.12))',
+  background: 'Canvas',
+  color: 'var(--dsw-alias-label-secondary, #61666b)',
+  fontSize: 'calc(var(--dsh-content-font-size-secondary, 13px) - 1px)',
+  lineHeight: 1.35,
+  boxShadow: 'var(--dsw-elevation-prominent, 0 2px 8px rgba(0, 0, 0, 0.08))',
+  pointerEvents: 'none',
+  whiteSpace: 'pre-wrap',
+}
+
+const WS_GLYPH = {
+  flex: 'none',
+  width: '16px',
+  textAlign: 'center',
+  fontSize: '13px',
+  lineHeight: 1,
+}
+
 const WS_SECTION = {
   display: 'flex',
   alignItems: 'center',
@@ -568,6 +632,19 @@ const SWITCHER_HINT = {
  * written to the Host and renaming a workspace is enough to move it between
  * folders — the same idea as the reference plugin, without its "/" toggle.
  */
+/**
+ * The title a workspace needs to sit under `folder`: its own name moved behind the
+ * folder prefix, with any previous prefix replaced rather than stacked.
+ */
+export function fileUnder(label, folder) {
+  const name = String(label || '').trim()
+  const target = String(folder || '').trim()
+  if (!name || !target) return name
+  const cut = name.lastIndexOf('/')
+  const bare = (cut >= 0 ? name.slice(cut + 1) : name).trim()
+  return bare ? target + '/' + bare : target
+}
+
 export function folderKey(workspace) {
   const label = workspaceLabel(workspace)
   const cut = label.lastIndexOf('/')
@@ -645,19 +722,29 @@ export const TONE_COLOR = {
   violet: '#7a5cc4',
 }
 
+/** Glyphs a workspace can wear instead of the folder icon. */
+export const GLYPHS = ['📁', '🚀', '🧪', '🐍', '⚙️', '📦', '🧭', '✨', '🧠', '🗂️']
+
 export function appearanceOf(map, workspaceId) {
   const entry = (map && map[workspaceId]) || {}
   return {
     tone: TONE_COLOR[entry.tone] ? entry.tone : undefined,
     strong: entry.strong === true,
+    glyph: typeof entry.glyph === 'string' && entry.glyph.length > 0 && entry.glyph.length <= 4 ? entry.glyph : undefined,
+    note: typeof entry.note === 'string' && entry.note.length > 0 ? entry.note : undefined,
   }
 }
 
 export function withAppearance(map, workspaceId, patch) {
   const next = Object.assign({}, map || {})
   const merged = Object.assign({}, appearanceOf(next, workspaceId), patch || {})
-  if (!merged.tone && merged.strong !== true) delete next[workspaceId]
-  else next[workspaceId] = { tone: merged.tone, strong: merged.strong === true }
+  const entry = {}
+  if (merged.tone) entry.tone = merged.tone
+  if (merged.strong === true) entry.strong = true
+  if (merged.glyph) entry.glyph = merged.glyph
+  if (merged.note) entry.note = merged.note
+  if (Object.keys(entry).length === 0) delete next[workspaceId]
+  else next[workspaceId] = entry
   return next
 }
 
@@ -774,6 +861,8 @@ export function BetterWorkspace(props) {
   const [drag, setDrag] = React.useState(null)
   const [dropping, setDropping] = React.useState(null)
   const [look, setLook] = React.useState(() => readAppearance())
+  const [noteDraft, setNoteDraft] = React.useState('')
+  const [card, setCard] = React.useState(null)
   const folded = React.useMemo(() => readFolded(), [])
   const [folders, setFolders] = React.useState(folded.folders)
   const [switcher, setSwitcher] = React.useState(null)
@@ -1035,6 +1124,29 @@ export function BetterWorkspace(props) {
             }
           },
         }, 'Restore saved order'),
+      React.createElement('button', {
+        type: 'button',
+        'data-polish-glyph': 'open',
+        style: WS_MENU_ITEM,
+        onClick: () => {
+          const target = menu.workspace
+          const anchor = menu.anchor
+          closeMenu()
+          setMenu({ kind: 'glyph', workspace: target, anchor })
+        },
+      }, 'Glyph…'),
+      React.createElement('button', {
+        type: 'button',
+        'data-polish-note': 'open',
+        style: WS_MENU_ITEM,
+        onClick: () => {
+          const target = menu.workspace
+          const anchor = menu.anchor
+          closeMenu()
+          setNoteDraft(appearanceOf(look, target.workspaceId).note || '')
+          setMenu({ kind: 'note', workspace: target, anchor })
+        },
+      }, 'Note…'),
       React.createElement('button', {
         type: 'button',
         'data-polish-ws-appearance': 'open',
@@ -1079,6 +1191,67 @@ export function BetterWorkspace(props) {
       }, 'Unarchive session'))
     : null
 
+  const glyphMenu = menu && menu.kind === 'glyph'
+    ? React.createElement(RowMenu, { anchor: menu.anchor, onClose: closeMenu },
+      React.createElement('div', { style: WS_GLYPH_GRID },
+        GLYPHS.map((glyph) => React.createElement('button', {
+          key: 'glyph:' + glyph,
+          type: 'button',
+          'data-polish-glyph-pick': glyph,
+          title: 'Use ' + glyph,
+          style: Object.assign({}, WS_GLYPH_BUTTON, {
+            background: appearanceOf(look, menu.workspace.workspaceId).glyph === glyph
+              ? 'var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, 0.06))'
+              : undefined,
+          }),
+          onClick: () => {
+            const target = menu.workspace
+            closeMenu()
+            paintLook(target.workspaceId, { glyph })
+          },
+        }, glyph)),
+        React.createElement('button', {
+          key: 'glyph:none',
+          type: 'button',
+          'data-polish-glyph-pick': 'none',
+          style: WS_GLYPH_BUTTON,
+          onClick: () => {
+            const target = menu.workspace
+            closeMenu()
+            paintLook(target.workspaceId, { glyph: '' })
+          },
+        }, '⌫')))
+    : null
+
+  const noteMenu = menu && menu.kind === 'note'
+    ? React.createElement(RowMenu, { anchor: menu.anchor, onClose: closeMenu },
+      React.createElement('input', {
+        'data-polish-note-input': 'true',
+        type: 'text',
+        value: noteDraft,
+        placeholder: 'A note for this workspace',
+        autoFocus: true,
+        style: WS_NOTE_INPUT,
+        onChange: (event) => setNoteDraft(event.target.value),
+        onKeyDown: (event) => {
+          if (event.key === 'Escape') { event.stopPropagation(); closeMenu(); return }
+          if (event.key !== 'Enter') return
+          const target = menu.workspace
+          const value = noteDraft.trim()
+          closeMenu()
+          paintLook(target.workspaceId, { note: value })
+        },
+      }),
+      React.createElement('div', { style: WS_MENU_HINT }, 'Enter saves, Escape cancels'))
+    : null
+
+  const noteCard = card
+    ? ReactDOM.createPortal(React.createElement('div', {
+      'data-polish-note-card': 'true',
+      style: Object.assign({}, WS_NOTE_CARD, { top: card.top, left: card.left }),
+    }, card.text), document.body)
+    : null
+
   const paintMenu = menu && menu.kind === 'paint'
     ? (() => {
       const workspace = menu.workspace
@@ -1341,8 +1514,31 @@ export function BetterWorkspace(props) {
         role: 'group',
         'aria-label': folder,
         title: folded ? 'Expand ' + folder : 'Collapse ' + folder,
-        style: WS_FOLDER_ROW,
+        style: Object.assign({}, WS_FOLDER_ROW, {
+          background: dropping === 'folder:' + folder
+            ? 'var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, 0.05))'
+            : undefined,
+        }),
         onClick: () => setFolders((prev) => Object.assign({}, prev, { [folder]: prev[folder] !== true })),
+        onDragOver: (event) => {
+          if (!drag || drag.kind !== 'workspace') return
+          if (folderOf(rows.find((entry) => entry.workspace.workspaceId === drag.id)?.workspace) === folder) return
+          event.preventDefault()
+          setDropping('folder:' + folder)
+        },
+        onDragLeave: () => setDropping(null),
+        onDrop: (event) => {
+          event.preventDefault()
+          setDropping(null)
+          if (!drag || drag.kind !== 'workspace') return
+          const moving = rows.find((entry) => entry.workspace.workspaceId === drag.id)
+          if (!moving || folderOf(moving.workspace) === folder) return
+          const title = fileUnder(workspaceLabel(moving.workspace), folder)
+          Promise.resolve()
+            .then(() => services.renameWorkspace(moving.workspace.workspaceId, title))
+            .then(() => setNotice('Filed under ' + folder + '.'))
+            .catch(() => setNotice('Could not file that workspace.'))
+        },
       },
       React.createElement('span', { 'aria-hidden': 'true' }, folded ? '›' : '⌄'),
       React.createElement('span', { style: WS_TITLE }, folder),
@@ -1375,8 +1571,15 @@ export function BetterWorkspace(props) {
       }),
       onClick: () => toggleWorkspace(workspace.workspaceId),
       onContextMenu: (event) => openWorkspaceMenu(event, workspace),
-      onMouseEnter: () => setHover('workspace:' + workspace.workspaceId),
-      onMouseLeave: () => setHover(null),
+      title: looks.note || undefined,
+      onMouseEnter: (event) => {
+        setHover('workspace:' + workspace.workspaceId)
+        const note = appearanceOf(look, workspace.workspaceId).note
+        if (!note) return
+        const box = event.currentTarget.getBoundingClientRect()
+        setCard({ text: note, top: box.bottom + 6, left: Math.max(8, box.left) })
+      },
+      onMouseLeave: () => { setHover(null); setCard(null) },
       onDragStart: () => setDrag({ kind: 'workspace', id: workspace.workspaceId }),
       onDragOver: (event) => {
         if (!drag || drag.kind !== 'workspace' || drag.id === workspace.workspaceId) return
@@ -1387,7 +1590,9 @@ export function BetterWorkspace(props) {
       onDrop: (event) => { event.preventDefault(); dropOnWorkspace(workspace.workspaceId) },
     },
     React.createElement(CaretGlyph, { open }),
-    React.createElement(FolderGlyph),
+    looks.glyph
+      ? React.createElement('span', { 'data-polish-ws-glyph': looks.glyph, style: WS_GLYPH }, looks.glyph)
+      : React.createElement(FolderGlyph),
     looks.tone
       ? React.createElement('span', { style: Object.assign({}, WS_TONE, { background: TONE_COLOR[looks.tone] }) })
       : null,
@@ -1468,6 +1673,9 @@ export function BetterWorkspace(props) {
     : null,
   switcherCard,
   sessionMenu,
+  glyphMenu,
+  noteMenu,
+  noteCard,
   archivedMenu,
   paintMenu,
   workspaceMenu)

package/docs/better-workspace.md

@@ -176,3 +176,28 @@ were being rendered inline in their workspace as if they were live.
 The header's fold control expands when anything is folded (folders included) and folds
 only when nothing is. An earlier version only looked at workspace rows, so a folded
 folder left the button saying "Expand all" while its workspaces stayed hidden.
+
+## Glyphs and notes
+
+A workspace can wear an emoji badge instead of the folder icon (**Glyph…** in its menu, ten
+badges plus a clear button) and carry a short note (**Note…**, Enter saves, Escape cancels).
+Both live in the same appearance record as the colour — one localStorage key, one shape —
+and the note surfaces as the row's tooltip, so it costs no vertical space in the tree.
+
+Glyph validation is deliberately narrow (one to four characters): the field is a badge in a
+16 px slot, not a place to paste a sentence.
+
+## Filing by drag
+
+Dropping a workspace on a folder header files it there: the title is rewritten to
+`Folder/Name` through the Host's own rename, so the move is durable and the shipped
+browser (when this switch is off) sees exactly the same structure. `fileUnder(label, folder)`
+replaces any previous prefix instead of stacking it — dragging `A/B/Gamma` onto `C` gives
+`C/Gamma`, not `C/A/B/Gamma` — and a workspace already inside the target folder is not a
+drop target, so the gesture cannot rename something onto itself.
+
+## The note card
+
+A workspace note shows as a small card under the row on hover rather than as a browser
+tooltip: tooltips are slow to appear, unstyleable, and vanish when the pointer leaves. The
+card is portalled, `pointer-events: none`, and only exists while a note does.

package/lib/client.js

@@ -53,7 +53,7 @@ window.__ModuleLoader__.load({
     ]
     const ROW_ID = "polish"
     const ROW_KEY = "@aryacode/dsh-aryacode-polish" + '#' + ROW_ID
-    const CLIENT_VERSION = "0.15.2"
+    const CLIENT_VERSION = "0.17.0"
 
 /* html2canvas 1.4.1 — MIT, vendored from vendor/html2canvas.min.js.
  * A UMD build, so it assigns itself to globalThis; face.js reads it lazily. */
@@ -636,6 +636,70 @@ window.__ModuleLoader__.load({
       return { active, archived }
     }
 
+    const WS_GLYPH_GRID = {
+      display: 'grid',
+      gridTemplateColumns: 'repeat(6, 26px)',
+      gap: '2px',
+      padding: '2px',
+    }
+
+    const WS_GLYPH_BUTTON = {
+      width: '26px',
+      height: '26px',
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      padding: 0,
+      border: 'none',
+      borderRadius: 'var(--dsw-radius-sm, 6px)',
+      background: 'transparent',
+      fontSize: '15px',
+      lineHeight: 1,
+      cursor: 'pointer',
+    }
+
+    const WS_NOTE_INPUT = {
+      width: '220px',
+      boxSizing: 'border-box',
+      padding: '5px 8px',
+      border: '0.5px solid var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.12))',
+      borderRadius: 'var(--dsw-radius-sm, 6px)',
+      background: 'transparent',
+      color: 'inherit',
+      font: 'inherit',
+      outline: 'none',
+    }
+
+    const WS_MENU_HINT = {
+      padding: '4px 8px 2px',
+      fontSize: 'calc(var(--dsh-content-font-size-secondary, 13px) - 2px)',
+      color: 'var(--dsw-alias-label-quaternary, #8a8a8a)',
+    }
+
+    const WS_NOTE_CARD = {
+      position: 'fixed',
+      zIndex: 1250,
+      maxWidth: '260px',
+      padding: '6px 9px',
+      borderRadius: 'var(--dsw-radius-md, 8px)',
+      border: '0.5px solid var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.12))',
+      background: 'Canvas',
+      color: 'var(--dsw-alias-label-secondary, #61666b)',
+      fontSize: 'calc(var(--dsh-content-font-size-secondary, 13px) - 1px)',
+      lineHeight: 1.35,
+      boxShadow: 'var(--dsw-elevation-prominent, 0 2px 8px rgba(0, 0, 0, 0.08))',
+      pointerEvents: 'none',
+      whiteSpace: 'pre-wrap',
+    }
+
+    const WS_GLYPH = {
+      flex: 'none',
+      width: '16px',
+      textAlign: 'center',
+      fontSize: '13px',
+      lineHeight: 1,
+    }
+
     const WS_SECTION = {
       display: 'flex',
       alignItems: 'center',
@@ -769,6 +833,19 @@ window.__ModuleLoader__.load({
      * written to the Host and renaming a workspace is enough to move it between
      * folders — the same idea as the reference plugin, without its "/" toggle.
      */
+    /**
+     * The title a workspace needs to sit under `folder`: its own name moved behind the
+     * folder prefix, with any previous prefix replaced rather than stacked.
+     */
+    function fileUnder(label, folder) {
+      const name = String(label || '').trim()
+      const target = String(folder || '').trim()
+      if (!name || !target) return name
+      const cut = name.lastIndexOf('/')
+      const bare = (cut >= 0 ? name.slice(cut + 1) : name).trim()
+      return bare ? target + '/' + bare : target
+    }
+
     function folderKey(workspace) {
       const label = workspaceLabel(workspace)
       const cut = label.lastIndexOf('/')
@@ -846,19 +923,29 @@ window.__ModuleLoader__.load({
       violet: '#7a5cc4',
     }
 
+    /** Glyphs a workspace can wear instead of the folder icon. */
+    const GLYPHS = ['📁', '🚀', '🧪', '🐍', '⚙️', '📦', '🧭', '✨', '🧠', '🗂️']
+
     function appearanceOf(map, workspaceId) {
       const entry = (map && map[workspaceId]) || {}
       return {
         tone: TONE_COLOR[entry.tone] ? entry.tone : undefined,
         strong: entry.strong === true,
+        glyph: typeof entry.glyph === 'string' && entry.glyph.length > 0 && entry.glyph.length <= 4 ? entry.glyph : undefined,
+        note: typeof entry.note === 'string' && entry.note.length > 0 ? entry.note : undefined,
       }
     }
 
     function withAppearance(map, workspaceId, patch) {
       const next = Object.assign({}, map || {})
       const merged = Object.assign({}, appearanceOf(next, workspaceId), patch || {})
-      if (!merged.tone && merged.strong !== true) delete next[workspaceId]
-      else next[workspaceId] = { tone: merged.tone, strong: merged.strong === true }
+      const entry = {}
+      if (merged.tone) entry.tone = merged.tone
+      if (merged.strong === true) entry.strong = true
+      if (merged.glyph) entry.glyph = merged.glyph
+      if (merged.note) entry.note = merged.note
+      if (Object.keys(entry).length === 0) delete next[workspaceId]
+      else next[workspaceId] = entry
       return next
     }
 
@@ -975,6 +1062,8 @@ window.__ModuleLoader__.load({
       const [drag, setDrag] = React.useState(null)
       const [dropping, setDropping] = React.useState(null)
       const [look, setLook] = React.useState(() => readAppearance())
+      const [noteDraft, setNoteDraft] = React.useState('')
+      const [card, setCard] = React.useState(null)
       const folded = React.useMemo(() => readFolded(), [])
       const [folders, setFolders] = React.useState(folded.folders)
       const [switcher, setSwitcher] = React.useState(null)
@@ -1236,6 +1325,29 @@ window.__ModuleLoader__.load({
                 }
               },
             }, 'Restore saved order'),
+          React.createElement('button', {
+            type: 'button',
+            'data-polish-glyph': 'open',
+            style: WS_MENU_ITEM,
+            onClick: () => {
+              const target = menu.workspace
+              const anchor = menu.anchor
+              closeMenu()
+              setMenu({ kind: 'glyph', workspace: target, anchor })
+            },
+          }, 'Glyph…'),
+          React.createElement('button', {
+            type: 'button',
+            'data-polish-note': 'open',
+            style: WS_MENU_ITEM,
+            onClick: () => {
+              const target = menu.workspace
+              const anchor = menu.anchor
+              closeMenu()
+              setNoteDraft(appearanceOf(look, target.workspaceId).note || '')
+              setMenu({ kind: 'note', workspace: target, anchor })
+            },
+          }, 'Note…'),
           React.createElement('button', {
             type: 'button',
             'data-polish-ws-appearance': 'open',
@@ -1280,6 +1392,67 @@ window.__ModuleLoader__.load({
           }, 'Unarchive session'))
         : null
 
+      const glyphMenu = menu && menu.kind === 'glyph'
+        ? React.createElement(RowMenu, { anchor: menu.anchor, onClose: closeMenu },
+          React.createElement('div', { style: WS_GLYPH_GRID },
+            GLYPHS.map((glyph) => React.createElement('button', {
+              key: 'glyph:' + glyph,
+              type: 'button',
+              'data-polish-glyph-pick': glyph,
+              title: 'Use ' + glyph,
+              style: Object.assign({}, WS_GLYPH_BUTTON, {
+                background: appearanceOf(look, menu.workspace.workspaceId).glyph === glyph
+                  ? 'var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, 0.06))'
+                  : undefined,
+              }),
+              onClick: () => {
+                const target = menu.workspace
+                closeMenu()
+                paintLook(target.workspaceId, { glyph })
+              },
+            }, glyph)),
+            React.createElement('button', {
+              key: 'glyph:none',
+              type: 'button',
+              'data-polish-glyph-pick': 'none',
+              style: WS_GLYPH_BUTTON,
+              onClick: () => {
+                const target = menu.workspace
+                closeMenu()
+                paintLook(target.workspaceId, { glyph: '' })
+              },
+            }, '⌫')))
+        : null
+
+      const noteMenu = menu && menu.kind === 'note'
+        ? React.createElement(RowMenu, { anchor: menu.anchor, onClose: closeMenu },
+          React.createElement('input', {
+            'data-polish-note-input': 'true',
+            type: 'text',
+            value: noteDraft,
+            placeholder: 'A note for this workspace',
+            autoFocus: true,
+            style: WS_NOTE_INPUT,
+            onChange: (event) => setNoteDraft(event.target.value),
+            onKeyDown: (event) => {
+              if (event.key === 'Escape') { event.stopPropagation(); closeMenu(); return }
+              if (event.key !== 'Enter') return
+              const target = menu.workspace
+              const value = noteDraft.trim()
+              closeMenu()
+              paintLook(target.workspaceId, { note: value })
+            },
+          }),
+          React.createElement('div', { style: WS_MENU_HINT }, 'Enter saves, Escape cancels'))
+        : null
+
+      const noteCard = card
+        ? ReactDOM.createPortal(React.createElement('div', {
+          'data-polish-note-card': 'true',
+          style: Object.assign({}, WS_NOTE_CARD, { top: card.top, left: card.left }),
+        }, card.text), document.body)
+        : null
+
       const paintMenu = menu && menu.kind === 'paint'
         ? (() => {
           const workspace = menu.workspace
@@ -1542,8 +1715,31 @@ window.__ModuleLoader__.load({
             role: 'group',
             'aria-label': folder,
             title: folded ? 'Expand ' + folder : 'Collapse ' + folder,
-            style: WS_FOLDER_ROW,
+            style: Object.assign({}, WS_FOLDER_ROW, {
+              background: dropping === 'folder:' + folder
+                ? 'var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, 0.05))'
+                : undefined,
+            }),
             onClick: () => setFolders((prev) => Object.assign({}, prev, { [folder]: prev[folder] !== true })),
+            onDragOver: (event) => {
+              if (!drag || drag.kind !== 'workspace') return
+              if (folderOf(rows.find((entry) => entry.workspace.workspaceId === drag.id)?.workspace) === folder) return
+              event.preventDefault()
+              setDropping('folder:' + folder)
+            },
+            onDragLeave: () => setDropping(null),
+            onDrop: (event) => {
+              event.preventDefault()
+              setDropping(null)
+              if (!drag || drag.kind !== 'workspace') return
+              const moving = rows.find((entry) => entry.workspace.workspaceId === drag.id)
+              if (!moving || folderOf(moving.workspace) === folder) return
+              const title = fileUnder(workspaceLabel(moving.workspace), folder)
+              Promise.resolve()
+                .then(() => services.renameWorkspace(moving.workspace.workspaceId, title))
+                .then(() => setNotice('Filed under ' + folder + '.'))
+                .catch(() => setNotice('Could not file that workspace.'))
+            },
           },
           React.createElement('span', { 'aria-hidden': 'true' }, folded ? '›' : '⌄'),
           React.createElement('span', { style: WS_TITLE }, folder),
@@ -1576,8 +1772,15 @@ window.__ModuleLoader__.load({
           }),
           onClick: () => toggleWorkspace(workspace.workspaceId),
           onContextMenu: (event) => openWorkspaceMenu(event, workspace),
-          onMouseEnter: () => setHover('workspace:' + workspace.workspaceId),
-          onMouseLeave: () => setHover(null),
+          title: looks.note || undefined,
+          onMouseEnter: (event) => {
+            setHover('workspace:' + workspace.workspaceId)
+            const note = appearanceOf(look, workspace.workspaceId).note
+            if (!note) return
+            const box = event.currentTarget.getBoundingClientRect()
+            setCard({ text: note, top: box.bottom + 6, left: Math.max(8, box.left) })
+          },
+          onMouseLeave: () => { setHover(null); setCard(null) },
           onDragStart: () => setDrag({ kind: 'workspace', id: workspace.workspaceId }),
           onDragOver: (event) => {
             if (!drag || drag.kind !== 'workspace' || drag.id === workspace.workspaceId) return
@@ -1588,7 +1791,9 @@ window.__ModuleLoader__.load({
           onDrop: (event) => { event.preventDefault(); dropOnWorkspace(workspace.workspaceId) },
         },
         React.createElement(CaretGlyph, { open }),
-        React.createElement(FolderGlyph),
+        looks.glyph
+          ? React.createElement('span', { 'data-polish-ws-glyph': looks.glyph, style: WS_GLYPH }, looks.glyph)
+          : React.createElement(FolderGlyph),
         looks.tone
           ? React.createElement('span', { style: Object.assign({}, WS_TONE, { background: TONE_COLOR[looks.tone] }) })
           : null,
@@ -1669,6 +1874,9 @@ window.__ModuleLoader__.load({
         : null,
       switcherCard,
       sessionMenu,
+      glyphMenu,
+      noteMenu,
+      noteCard,
       archivedMenu,
       paintMenu,
       workspaceMenu)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aryacode/dsh-aryacode-polish",
-  "version": "0.15.2",
+  "version": "0.17.0",
   "description": "AryaCode Polish: one install for the small things that make AryaCode feel finished. One Plugins row, one switch per quality-of-life feature.",
   "keywords": [
     "dsh",