thatcher 1.0.7 → 1.0.34

package/src/lib/query-engine.js

@@ -1,446 +0,0 @@
-/**
- * Query Engine - Read operations
- * Adapted from moonlanding/src/lib/query-engine.js
- */
-
-import { getDatabase } from './database-core.js';
-import { getSpec } from '../config/spec-helpers.js';
-import { RECORD_STATUS } from '../config/constants.js';
-
-const db = getDatabase();
-const logger = createLogger('[QueryEngine]');
-
-/**
- * Execute a query with error handling
- * @param {string} sql
- * @param {Array} params
- * @param {object} context
- * @returns {Array}
- */
-function execQuery(sql, params = [], context = {}) {
-  try {
-    return db.prepare(sql).all(...params);
-  } catch (e) {
-    logger.error(`${context.operation || 'Query'} ${context.entity || ''}`, { sql, error: e.message });
-    throw new Error(`Database query failed: ${e.message}`);
-  }
-}
-
-/**
- * Execute a single-row query
- * @param {string} sql
- * @param {Array} params
- * @param {object} context
- * @returns {object|null}
- */
-function execGet(sql, params = [], context = {}) {
-  try {
-    return db.prepare(sql).get(...params);
-  } catch (e) {
-    logger.error(`${context.operation || 'Get'} ${context.entity || ''}`, { sql, error: e.message });
-    throw new Error(`Database get failed: ${e.message}`);
-  }
-}
-
-/**
- * Execute a write statement (INSERT/UPDATE/DELETE) with error handling
- * @param {string} sql
- * @param {Array} params
- * @param {object} context
- * @returns {object} better-sqlite3 RunResult
- */
-function execRun(sql, params = [], context = {}) {
-  try {
-    return db.prepare(sql).run(...params);
-  } catch (e) {
-    logger.error(`${context.operation || 'Run'} ${context.entity || ''}`, { sql, error: e.message });
-    throw new Error(`Database run failed: ${e.message}`);
-  }
-}
-
-/**
- * Get table name for entity (users vs user)
- * @param {object} spec
- * @returns {string}
- */
-function tableName(spec) {
-  return spec.name === 'user' ? 'users' : spec.name;
-}
-
-/**
- * Build SELECT query with joins, where, sorting, pagination
- * @param {object} spec - Entity specification
- * @param {object} where - Where conditions
- * @param {object} options - Query options
- * @returns {{sql: string, params: Array}}
- */
-function buildSpecQuery(spec, where = {}, options = {}) {
-  const tbl = tableName(spec);
-  const table = `"${tbl}"`;
-  const selects = [`${table}.*`];
-  const joins = [];
-
-  // Add computed fields
-  if (spec.computed) {
-    Object.entries(spec.computed).forEach(([k, c]) => {
-      selects.push(`${c.sql} as "${k}"`);
-    });
-  }
-
-  // Add joins for ref fields with display
-  Object.entries(spec.fields || {}).forEach(([k, f]) => {
-    if (f.type === 'ref' && f.display) {
-      const refTbl = f.ref === 'user' ? 'users' : f.ref;
-      const alias = `"${refTbl}_${k}"`;
-      joins.push(`LEFT JOIN "${refTbl}" ${alias} ON ${table}."${k}" = ${alias}.id`);
-
-      const displayField = f.display.split('.')[1] || 'name';
-      selects.push(`${alias}."${displayField}" as "${k}_display"`);
-    }
-  });
-
-  const wc = [];
-  const p = [];
-
-  // Where conditions
-  Object.entries(where).forEach(([k, v]) => {
-    if (v !== undefined && v !== null) {
-      wc.push(`${table}."${k}" = ?`);
-      p.push(v);
-    }
-  });
-
-  // Exclude soft-deleted by default
-  if (spec.fields?.status && !where.status && !options.includeDeleted) {
-    wc.push(`${table}."status" != '${RECORD_STATUS.DELETED}'`);
-  }
-  if (spec.fields?.archived && !where.archived && !options.includeArchived) {
-    wc.push(`${table}."archived" = 0`);
-  }
-
-  let sql = `SELECT ${selects.join(', ')} FROM ${table}`;
-  if (joins.length) {
-    sql += ' ' + joins.join(' ');
-  }
-  if (wc.length) {
-    sql += ` WHERE ` + wc.join(` AND `);
-  }
-
-  // Sorting
-  const sort = options.sort || spec.list?.defaultSort;
-  if (sort && sort.field && spec.fields?.[sort.field]) {
-    const dir = (sort.dir || 'ASC').toUpperCase() === 'DESC' ? 'DESC' : 'ASC';
-    sql += ` ORDER BY ${table}."${sort.field}" ${dir}`;
-  }
-
-  // Limit/offset
-  if (options.limit) {
-    sql += ` LIMIT ${parseInt(options.limit, 10)}`;
-    if (options.offset) {
-      sql += ` OFFSET ${parseInt(options.offset, 10)}`;
-    }
-  }
-
-  return { sql, params: p };
-}
-
-/**
- * Get total count for entity (optionally with where)
- * @param {string} entity
- * @param {object} where
- * @param {object} options
- * @returns {number}
- */
-export function count(entity, where = {}, options = {}) {
-  const spec = getSpec(entity);
-  const tbl = tableName(spec);
-  const table = `"${tbl}"`;
-  const wc = [];
-  const p = [];
-
-  Object.entries(where).forEach(([k, v]) => {
-    if (v !== undefined && v !== null) {
-      wc.push(`${table}."${k}" = ?`);
-      p.push(v);
-    }
-  });
-
-  if (spec.fields?.status && !where.status && !options.includeDeleted) {
-    wc.push(`${table}."status" != '${RECORD_STATUS.DELETED}'`);
-  }
-
-  const whereClause = wc.length ? `WHERE ${wc.join(' AND ')}` : '';
-  const sql = `SELECT COUNT(*) as cnt FROM ${table} ${whereClause}`;
-
-  const result = execGet(sql, p, { entity, operation: 'Count' });
-  return result?.cnt || 0;
-}
-
-/**
- * List all records (with optional where)
- * @param {string} entity
- * @param {object} where
- * @param {object} options
- * @returns {Array}
- */
-export function list(entity, where = {}, options = {}) {
-  const spec = getSpec(entity);
-  const { sql, params } = buildSpecQuery(spec, where, options);
-  return execQuery(sql, params, { entity, operation: 'List' });
-}
-
-/**
- * List with pagination
- * @param {string} entity
- * @param {object} where
- * @param {number} page
- * @param {number|null} pageSize
- * @returns {{items: Array, pagination: object}}
- */
-export async function listWithPagination(entity, where = {}, page = 1, pageSize = null) {
-  const spec = getSpec(entity);
-  const tbl = tableName(spec);
-
-  const paginationCfg = getPaginationConfig(spec);
-  const defaultPageSize = spec.list?.pageSize || paginationCfg.default_page_size;
-  const finalPageSize = pageSize || defaultPageSize;
-  const finalPage = Math.max(1, page);
-
-  const offset = (finalPage - 1) * finalPageSize;
-
-  const { sql, params } = buildSpecQuery(spec, where, {
-    ...options,
-    limit: finalPageSize,
-    offset,
-  });
-
-  const items = execQuery(sql, params, { entity, operation: 'ListWithPagination' });
-
-  const total = count(entity, where, options);
-
-  return {
-    items,
-    pagination: {
-      page: finalPage,
-      pageSize: finalPageSize,
-      total,
-      totalPages: Math.ceil(total / finalPageSize),
-    },
-  };
-}
-
-/**
- * Get single record by ID
- * @param {string} entity
- * @param {string|number} id
- * @returns {object|null}
- */
-export function get(entity, id) {
-  const spec = getSpec(entity);
-  const tbl = tableName(spec);
-  const sql = `SELECT * FROM "${tbl}" WHERE id = ?`;
-  return execGet(sql, [id], { entity, operation: 'Get' });
-}
-
-/**
- * Get single record by field value
- * @param {string} entity
- * @param {string} field
- * @param {any} value
- * @returns {object|null}
- */
-export function getBy(entity, field, value) {
-  const spec = getSpec(entity);
-  const tbl = tableName(spec);
-  const sql = `SELECT * FROM "${tbl}" WHERE "${field}" = ? LIMIT 1`;
-  return execGet(sql, [value], { entity, operation: 'GetBy' });
-}
-
-/**
- * Search using FTS
- * @param {string} entity
- * @param {string} query
- * @param {object} where
- * @param {object} options
- * @returns {Array}
- */
-export function search(entity, query, where = {}, options = {}) {
-  const spec = getSpec(entity);
-  const tbl = tableName(spec);
-  const ftsTable = `${tbl}_fts`;
-
-  // Check if FTS table exists
-  const ftsExists = db.prepare(`
-    SELECT name FROM sqlite_master WHERE type='table' AND name=?
-  `).get(ftsTable);
-
-  if (!ftsExists) {
-    // Fallback to simple LIKE search
-    const { sql, params } = buildSpecQuery(spec, where, options);
-    const baseSql = sql.replace('SELECT *', `SELECT *`);
-    const searchTerm = `%${query}%`;
-    const searchFields = Object.keys(spec.fields || {}).filter(
-      f => ['text', 'textarea', 'email'].includes(spec.fields[f].type)
-    );
-
-    if (searchFields.length > 0) {
-      const conditions = searchFields.map(f => `"${f}" LIKE ?`).join(' OR ');
-      const whereAnd = sql.includes('WHERE') ? ' AND ' : ' WHERE ';
-      const fullSql = baseSql + whereAnd + `(${conditions})`;
-      const searchParams = [...params, ...searchFields.map(() => searchTerm)];
-      return execQuery(fullSql, searchParams, { entity, operation: 'SearchFallback' });
-    }
-
-    return [];
-  }
-
-  // Use FTS
-  const ftsResults = db.prepare(`
-    SELECT rowid as id FROM ${ftsTable}
-    WHERE ${ftsTable} MATCH ?
-  `).all(query);
-
-  if (!ftsResults.length) return [];
-
-  const ids = ftsResults.map(r => r.id);
-  const idPlaceholders = ids.map(() => '?').join(',');
-  const { sql, params } = buildSpecQuery(spec, { ...where, id: { $in: ids } }, options);
-  const finalSql = sql.replace('WHERE', `WHERE "${tbl}"."id" IN (${idPlaceholders}) AND `);
-
-  return execQuery(finalSql, [...ids, ...params], { entity, operation: 'Search' });
-}
-
-/**
- * Search with pagination
- * @param {string} entity
- * @param {string} query
- * @param {object} where
- * @param {number} page
- * @param {number} pageSize
- * @returns {{items: Array, pagination: object}}
- */
-export async function searchWithPagination(entity, query, where = {}, page = 1, pageSize = null) {
-  const spec = getSpec(entity);
-  const paginationCfg = getPaginationConfig(spec);
-  const defaultPageSize = spec.list?.pageSize || paginationCfg.default_page_size;
-  const finalPageSize = pageSize || defaultPageSize;
-  const finalPage = Math.max(1, page);
-
-  const items = search(entity, query, where, {
-    limit: finalPageSize,
-    offset: (finalPage - 1) * finalPageSize,
-  });
-
-  // For total count, we'd need a separate FTS count query - simplified here
-  const total = items.length; // Approximate
-
-  return {
-    items,
-    pagination: {
-      page: finalPage,
-      pageSize: finalPageSize,
-      total,
-      totalPages: Math.ceil(total / finalPageSize),
-    },
-  };
-}
-
-/**
- * Get children of a parent entity
- * @param {string} parentEntity
- * @param {string|number} parentId
- * @param {object} childDef
- * @returns {Array}
- */
-export function getChildren(parentEntity, parentId, childDef) {
-  const childSpec = getSpec(childDef.entity);
-  const childTbl = tableName(childSpec);
-  const fk = childDef.fk || `${parentEntity}_id`;
-
-  const sql = `SELECT * FROM "${childTbl}" WHERE "${fk}" = ? AND status != 'deleted'`;
-  return execQuery(sql, [parentId], { entity: childDef.entity, operation: 'GetChildren' });
-}
-
-/**
- * Batch-fetch children of a parent for several child definitions at once.
- * Ported from moonlanding; uses thatcher's `list` + getChildren fk convention
- * (`fk`, falling back to moon's `foreignKey`, then `${parentEntity}_id`).
- * @param {string} parentEntity
- * @param {string|number} parentId
- * @param {object|Array} childSpecs - map of key->def, or array of entity names
- * @returns {Promise<object>} map of key -> rows
- */
-export function batchGetChildren(parentEntity, parentId, childSpecs) {
-  const childEntries = Array.isArray(childSpecs)
-    ? childSpecs.map(s => [s, { entity: s }])
-    : Object.entries(childSpecs);
-  const queries = childEntries.map(async ([key, def]) => {
-    const entity = def.entity || def;
-    const foreignKey = def.fk || def.foreignKey || `${parentEntity}_id`;
-    const results = list(entity, { [foreignKey]: parentId });
-    return [key, results];
-  });
-  return Promise.all(queries).then(results => Object.fromEntries(results));
-}
-
-/**
- * Get pagination config from system settings
- * @param {object} spec - Entity spec
- * @returns {{default_page_size: number, max_page_size: number}}
- */
-function getPaginationConfig(spec) {
-  // Try to get from config engine, fallback to defaults
-  try {
-    // Will be provided by caller or fetched from global config
-    return {
-      default_page_size: spec.list?.pageSize || 50,
-      max_page_size: 500,
-    };
-  } catch {
-    return { default_page_size: 50, max_page_size: 500 };
-  }
-}
-
-/**
- * Simple logger
- */
-function createLogger(prefix) {
-  return {
-    error: (msg, meta = {}) => {
-      console.error(`${prefix} ${msg}`, meta);
-    },
-    warn: (msg, meta = {}) => {
-      console.warn(`${prefix} ${msg}`, meta);
-    },
-    info: (msg, meta = {}) => {
-      console.info(`${prefix} ${msg}`, meta);
-    },
-  };
-}
-
-/**
- * Run in transaction
- * @param {Function} callback
- * @returns {Promise<any>}
- */
-export async function withTransaction(callback) {
-  const dbInstance = getDatabase();
-  try {
-    dbInstance.prepare('BEGIN').run();
-    const result = await callback();
-    dbInstance.prepare('COMMIT').run();
-    return result;
-  } catch (e) {
-    dbInstance.prepare('ROLLBACK').run();
-    throw e;
-  }
-}
-
-// Re-export write operations so consumers can import all CRUD from a single
-// module (ported from moonlanding). Several thatcher modules already import
-// `create`/`update`/`remove` from './query-engine.js'; this wires them through
-// to the existing write implementation without changing those callers.
-export { create, update, remove } from './query-engine-write.js';
-
-// Expose low-level executors for callers that need raw SQL access.
-export { execQuery, execGet, execRun };

package/src/ui/collaboration-dialogs.js

@@ -1,31 +0,0 @@
-export function collaboratorManagementDialog(entityType, entityId) {
-  return `<div id="collab-mgmt-dialog" class="dialog-overlay" style="display:none" data-dialog-close-overlay="true" onkeydown="if(event.key==='Escape')this.style.display='none'" role="dialog" aria-modal="true" aria-labelledby="collab-mgmt-dialog-title" aria-hidden="true">
-    <div class="dialog-panel" style="max-width:640px">
-      <div class="dialog-header"><span class="dialog-title" id="collab-mgmt-dialog-title">Manage Collaborators</span><button class="dialog-close" data-dialog-close="collab-mgmt-dialog" aria-label="Close dialog">&times;</button></div>
-      <div class="dialog-body">
-        <div id="cmd-list" class="flex flex-col gap-2" style="max-height:300px;overflow:auto"><div class="text-gray-500 text-sm text-center py-4">Loading...</div></div>
-        <div class="inline-form" style="margin-top:1rem">
-          <div class="inline-form-row">
-            <div class="inline-form-field" style="flex:1"><label for="cmd-email">Email</label><input type="email"  id="cmd-email" class="input input-bordered input-sm w-full" placeholder="collaborator@example.com"/></div>
-            <div class="inline-form-field"><label for="cmd-role">Role</label><select id="cmd-role" class="select select-bordered select-sm"><option value="viewer">Viewer</option><option value="commenter">Commenter</option><option value="reviewer" selected>Reviewer</option><option value="manager">Manager</option></select></div>
-            <div class="inline-form-field"><label>&nbsp;</label><button class="btn btn-primary btn-sm" data-action="cmdAdd">Add</button></div>
-          </div>
-        </div>
-      </div>
-      <div class="dialog-footer"><button class="btn btn-ghost btn-sm" data-dialog-close="collab-mgmt-dialog">Close</button></div>
-    </div></div>
-  <script>
-  window.openCollabMgmt=function(){document.getElementById('collab-mgmt-dialog').style.display='flex';cmdLoad()};
-  async function cmdLoad(){var c=document.getElementById('cmd-list');c.innerHTML='<div class="text-gray-500 text-sm text-center py-2">Loading...</div>';try{var res=await fetch('/api/collaborator?${entityType}_id=${entityId}');var d=await res.json();var items=d.data||d||[];c.innerHTML='';if(!items.length){c.innerHTML='<div class="text-gray-500 text-sm text-center py-2">No collaborators</div>';return}items.forEach(function(item){var div=document.createElement('div');div.className='flex items-center justify-between gap-2';div.style.padding='0.5rem 0';div.style.borderBottom='1px solid #f3f4f6';var expired=item.expires_at&&item.expires_at<=Math.floor(Date.now()/1000);var expiryText=item.expires_at?'Expires: '+new Date(item.expires_at*1000).toLocaleDateString():'Permanent';if(expired)expiryText='<span style="color:#ef4444">Expired</span>';div.innerHTML='<div><div class="text-sm font-medium">'+(item.email||item.name||'Unknown')+'</div><div class="text-xs text-gray-500">'+(item.role_type||item.access_type||'viewer')+' &middot; '+expiryText+'</div></div><div class="flex gap-1"><button class="btn btn-xs btn-ghost" data-action="cmdExtend" data-args='["'+item.id+'"]'>Extend</button><button class="btn btn-xs btn-error btn-outline" data-action="cmdRevoke" data-args='["'+item.id+'"]'>Revoke</button></div>';c.appendChild(div)})}catch(e){c.innerHTML='<div class="text-red-500 text-sm text-center">Error loading</div>'}}
-  window.cmdAdd=async function(){var email=document.getElementById('cmd-email').value.trim();var role=document.getElementById('cmd-role').value;if(!email){showToast('Email required','error');return}try{var r=await fetch('/api/collaborator',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({email:email,role_type:role,${entityType}_id:'${entityId}'})});if(r.ok){showToast('Collaborator added','success');document.getElementById('cmd-email').value='';cmdLoad()}else{var d=await r.json().catch(function(){return{}});showToast(d.error||'Failed','error')}}catch(e){showToast('Error','error')}};
-  window.cmdRevoke=async function(id){if(!confirm('Revoke access?'))return;try{var r=await fetch('/api/collaborator/'+id,{method:'DELETE'});if(r.ok){showToast('Revoked','success');cmdLoad()}else showToast('Failed','error')}catch(e){showToast('Error','error')}};
-  window.cmdExtend=async function(id){var days=prompt('Extend by how many days?','7');if(!days)return;var ts=Math.floor(Date.now()/1000)+Number(days)*86400;try{var r=await fetch('/api/collaborator/'+id,{method:'PUT',headers:{'Content-Type':'application/json'},body:JSON.stringify({expires_at:ts})});if(r.ok){showToast('Extended','success');cmdLoad()}else showToast('Failed','error')}catch(e){showToast('Error','error')}};
-  </script>`;
-}
-
-export function collaboratorExpiryUI(entityType, entityId) {
-  return `<div class="card-clean" style="margin-bottom:1rem"><div class="card-clean-body"><div class="flex justify-between items-center"><h3 style="font-size:0.875rem;font-weight:600">Collaborator Access</h3><button class="btn btn-outline btn-sm" data-action="openCollabMgmt">Manage</button></div><div id="collab-expiry-list" class="mt-3 flex flex-col gap-1"></div></div></div>
-  <script>
-  (function(){fetch('/api/collaborator?${entityType}_id=${entityId}').then(function(r){return r.json()}).then(function(d){var items=d.data||d||[];var el=document.getElementById('collab-expiry-list');var now=Math.floor(Date.now()/1000);var expiring=items.filter(function(c){return c.expires_at&&c.expires_at>now&&c.expires_at-now<3*86400});var expired=items.filter(function(c){return c.expires_at&&c.expires_at<=now});if(!expiring.length&&!expired.length){el.innerHTML='<div class="text-xs text-gray-500">All access current</div>';return}var html='';expired.forEach(function(c){html+='<div class="text-xs" style="color:#ef4444">'+c.email+' - Expired</div>'});expiring.forEach(function(c){var days=Math.ceil((c.expires_at-now)/86400);html+='<div class="text-xs" style="color:#f59e0b">'+c.email+' - Expires in '+days+'d</div>'});el.innerHTML=html}).catch(function(){})})();
-  </script>`;
-}

package/src/ui/global-tags.js

@@ -1,144 +0,0 @@
-let tagsStore = {};
-
-async function apiCall(endpoint, options = {}) {
-  try {
-    const res = await fetch(`/api/tag${endpoint}`, { headers: { 'Content-Type': 'application/json' }, ...options });
-    if (!res.ok) throw new Error('API error');
-    return await res.json();
-  } catch (e) {
-    throw e;
-  }
-}
-
-async function createTag(name, color = '#808080') {
-  const data = await apiCall('', { method: 'POST', body: JSON.stringify({ name: name.trim(), color }) });
-  tagsStore[data.id] = { id: data.id, name: data.name, color: data.color, usage: 0 };
-  showToast('Tag created', 'success');
-  return data;
-}
-
-async function updateTag(id, name, color) {
-  const data = await apiCall(`/${id}`, { method: 'PUT', body: JSON.stringify({ name: name.trim(), color }) });
-  tagsStore[id] = { ...tagsStore[id], name: data.name, color: data.color };
-  showToast('Tag updated', 'success');
-  return data;
-}
-
-async function deleteTag(id) {
-  await apiCall(`/${id}`, { method: 'DELETE' });
-  delete tagsStore[id];
-  showToast('Tag deleted', 'success');
-}
-
-async function listTags() {
-  try {
-    const data = await apiCall('');
-    const tags = Array.isArray(data) ? data : data.data || [];
-    tagsStore = tags.reduce((acc, tag) => { acc[tag.id] = tag; return acc; }, {});
-    return tags;
-  } catch (e) {
-    console.error('Error loading tags:', e);
-    return [];
-  }
-}
-
-function esc(text) {
-  const m = { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#039;' };
-  return text.replace(/[&<>"']/g, c => m[c]);
-}
-
-function renderTagsList() {
-  const tags = Object.values(tagsStore).sort((a, b) => (b.usage || 0) - (a.usage || 0));
-  return `<div class="tags-list">${tags.map(t => `
-    <div class="tag-item" data-tag-id="${t.id}">
-      <div class="tag-dot" style="background-color: ${t.color}"></div>
-      <div class="tag-info"><span class="tag-name">${esc(t.name)}</span><span class="tag-usage">${t.usage || 0} items</span></div>
-      <div class="tag-actions">
-        <button class="btn btn-xs btn-ghost" data-action="gtsEditTag" data-args='["${t.id}"]'>Edit</button>
-        <button class="btn btn-xs btn-ghost text-error" data-action="gtsDeleteTag" data-args='["${t.id}"]'>Delete</button>
-      </div>
-    </div>
-  `).join('') || '<p class="text-xs text-gray-500">No tags created</p>'}</div>`;
-}
-
-function showDialog(mode = 'create', tagId = null) {
-  const tag = mode === 'edit' ? tagsStore[tagId] : null;
-  const html = `
-    <div class="dialog-overlay" id="tag-dialog-overlay" data-action="gtsCloseDialog" onkeydown="if(event.key==='Escape')gtsCloseDialog()" role="dialog" aria-modal="true" aria-labelledby="tag-dialog-heading" aria-hidden="true">
-      <div class="dialog-content" data-stop-propagation="true">
-        <div class="dialog-header"><h2 id="tag-dialog-heading">${mode === 'create' ? 'Create New Tag' : 'Edit Tag'}</h2><button class="btn btn-sm btn-ghost" data-action="gtsCloseDialog" aria-label="Close dialog">&times;</button></div>
-        <div class="dialog-body">
-          <div class="form-group"><label class="label" for="tag-name-input">Tag Name</label><input type="text" class="input input-bordered w-full" id="tag-name-input" placeholder="e.g., Priority" value="${tag ? esc(tag.name) : ''}" maxlength="50" /></div>
-          <div class="form-group"><label class="label" for="tag-color-input">Color</label><div class="flex gap-2"><input type="color" id="tag-color-input" value="${tag ? tag.color : '#808080'}" aria-label="Tag color" /><span id="color-preview" class="w-8 h-8 rounded border" style="background-color: ${tag ? tag.color : '#808080'}" aria-hidden="true"></span></div></div>
-        </div>
-        <div class="dialog-footer"><button class="btn btn-ghost" data-action="gtsCloseDialog">Cancel</button><button class="btn btn-primary" data-action="gtsSaveTag" data-args='["${mode}","${tagId || ''}"]'>${mode === 'create' ? 'Create' : 'Update'}</button></div>
-      </div>
-    </div>`;
-  const container = document.getElementById('tag-dialog-container') || (c => (document.body.appendChild(c), c))(Object.assign(document.createElement('div'), { id: 'tag-dialog-container' }));
-  container.innerHTML = html;
-  document.getElementById('tag-color-input').addEventListener('input', (e) => {
-    document.getElementById('color-preview').style.backgroundColor = e.target.value;
-  });
-}
-
-function showToast(msg, type = 'info') {
-  let c = document.getElementById('toast-container');
-  if (!c) {
-    c = document.createElement('div');
-    c.id = 'toast-container';
-    c.className = 'fixed bottom-4 right-4 z-50 flex flex-col gap-2';
-    document.body.appendChild(c);
-  }
-  const t = document.createElement('div');
-  t.className = `alert alert-${type === 'error' ? 'error' : type === 'success' ? 'success' : 'info'} shadow-lg max-w-sm`;
-  t.textContent = msg;
-  c.appendChild(t);
-  setTimeout(() => t.remove(), 3000);
-}
-
-window.gtsOpenDialog = (mode = 'create', tagId = null) => showDialog(mode, tagId);
-window.gtsEditTag = (tagId) => gtsOpenDialog('edit', tagId);
-window.gtsDeleteTag = async (tagId) => {
-  if (confirm(`Delete "${esc(tagsStore[tagId].name)}"?`)) {
-    await deleteTag(tagId);
-    refreshTagsList();
-  }
-};
-window.gtsSaveTag = async (mode, tagId) => {
-  const name = document.getElementById('tag-name-input').value.trim();
-  const color = document.getElementById('tag-color-input').value;
-  if (!name) { showToast('Tag name required', 'error'); return; }
-  try {
-    mode === 'create' ? await createTag(name, color) : await updateTag(tagId, name, color);
-    gtsCloseDialog();
-    refreshTagsList();
-  } catch (e) {
-    showToast('Error: ' + e.message, 'error');
-  }
-};
-window.gtsCloseDialog = () => {
-  const c = document.getElementById('tag-dialog-container');
-  if (c) c.innerHTML = '';
-};
-
-async function refreshTagsList() {
-  await listTags();
-  const c = document.getElementById('tags-list-container');
-  if (c) c.innerHTML = renderTagsList();
-}
-
-export async function initGlobalTags() {
-  await listTags();
-  return { createTag, updateTag, deleteTag, listTags, renderTagsList, refreshTagsList };
-}
-
-export function renderTagsUI() {
-  return `
-    <div class="card-clean"><div class="card-clean-body">
-      <div class="flex justify-between items-center mb-4"><h2 class="card-title text-lg">Global Tags</h2><button class="btn btn-primary btn-sm" data-action="gtsOpenDialog" data-args='["create"]'>New Tag</button></div>
-      <div id="tags-list-container">${renderTagsList()}</div>
-    </div></div>
-    <div id="tag-dialog-container"></div>
-    <style>.tags-list{display:flex;flex-direction:column;gap:0.75rem}.tag-item{display:flex;align-items:center;gap:1rem;padding:0.75rem;border:1px solid var(--color-border,#e5e7eb);border-radius:0.5rem}.tag-dot{width:20px;height:20px;border-radius:50%;flex-shrink:0}.tag-info{flex:1}.tag-name{font-weight:500;display:block}.tag-usage{font-size:0.75rem;color:var(--color-text-muted,#6b7280);display:block}.tag-actions{display:flex;gap:0.5rem}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:1000}.dialog-content{background:var(--color-surface,white);border-radius:0.5rem;box-shadow:0 10px 25px rgba(0,0,0,0.2);max-width:500px;width:90%;color:var(--color-text,#111)}.dialog-header{padding:1.5rem;border-bottom:1px solid var(--color-border,#e5e7eb);display:flex;justify-content:space-between;align-items:center}.dialog-body{padding:1.5rem}.dialog-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border,#e5e7eb);display:flex;justify-content:flex-end;gap:0.75rem}.form-group{margin-bottom:1rem}.label{display:block;margin-bottom:0.5rem;font-weight:500}</style>
-  `;
-}