@learncard/partner-connect 0.5.1 → 0.6.0

package/dist/partner-connect.esm.js

@@ -1,3 +1,1008 @@
+const PREVIEW_HOST_SUFFIXES = [
+  ".lovableproject.com",
+  // Lovable editor sandbox
+  ".webcontainer-api.io",
+  // Bolt.new / StackBlitz WebContainers
+  ".replit.dev",
+  // Replit development URLs (deployments use .replit.app)
+  ".vusercontent.net"
+  // v0 generated previews (deployments use .vercel.app)
+];
+const LOVABLE_PREVIEW_PREFIX = "id-preview--";
+const LOVABLE_APP_SUFFIX = ".lovable.app";
+const EDITOR_HOSTS = [
+  "lovable.dev",
+  "bolt.new",
+  "stackblitz.com",
+  "v0.dev",
+  "v0.app",
+  "replit.com"
+];
+const isAppBuilderPreviewHost = (hostname) => {
+  const host = hostname.toLowerCase();
+  if (host.startsWith(LOVABLE_PREVIEW_PREFIX) && host.endsWith(LOVABLE_APP_SUFFIX)) {
+    return true;
+  }
+  return PREVIEW_HOST_SUFFIXES.some((suffix) => host.endsWith(suffix));
+};
+const isAppBuilderEditorOrigin = (origin) => {
+  try {
+    const { protocol, hostname } = new URL(origin);
+    if (protocol !== "https:") return false;
+    const host = hostname.toLowerCase().replace(/^www\./, "");
+    return EDITOR_HOSTS.includes(host);
+  } catch {
+    return false;
+  }
+};
+const WALLET_CATEGORIES = [
+  "Achievement",
+  "Skill",
+  "ID",
+  "Learning History",
+  "Work History",
+  "Social Badges",
+  "Membership",
+  "Accomplishment",
+  "Experiences",
+  "Accommodation",
+  "Family"
+];
+const PERSONAL_FIELDS = [
+  "name",
+  "email",
+  "phone",
+  "birthDate",
+  "country",
+  "avatar"
+];
+const RESERVED_TEMPLATE_VARIABLES = ["issue_date", "issuer_did", "recipient_did"];
+const KNOWN_ACHIEVEMENT_TYPES = [
+  "Achievement",
+  "Assessment",
+  "Award",
+  "Badge",
+  "Certificate",
+  "Certification",
+  "CommunityService",
+  "Competency",
+  "Course",
+  "Degree",
+  "Diploma",
+  "LearningProgram",
+  "License",
+  "Membership",
+  "MicroCredential",
+  "ProfessionalDevelopment"
+];
+const VC2_CONTEXT = "https://www.w3.org/ns/credentials/v2";
+const OBV3_CONTEXT = "https://purl.imsglobal.org/spec/ob/v3p0/context-3.0.3.json";
+const TEMPLATE_VARIABLE_REGEX = /\{\{(\w+)\}\}/g;
+const VARIABLE_BRACES_REGEX = /\{\{([^{}]+)\}\}/g;
+const BARE_VARIABLE_REGEX = /^\{\{(\w+)\}\}$/;
+const CUSTOM_ACHIEVEMENT_TYPE_REGEX = /^ext:[A-Za-z0-9]+$/;
+const isPlainObject = (value) => {
+  return Object.prototype.toString.call(value) === "[object Object]";
+};
+const isReservedTemplateVariable = (name) => {
+  return RESERVED_TEMPLATE_VARIABLES.includes(name);
+};
+const getBareVariableName = (value) => {
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  const match = value.match(BARE_VARIABLE_REGEX);
+  return match == null ? void 0 : match[1];
+};
+const hasValidVariableInterpolation = (value) => {
+  TEMPLATE_VARIABLE_REGEX.lastIndex = 0;
+  return TEMPLATE_VARIABLE_REGEX.test(value);
+};
+const isIsoDateString = (value) => {
+  return !Number.isNaN(Date.parse(value));
+};
+const deepClone = (value) => {
+  if (Array.isArray(value)) {
+    return value.map((item) => deepClone(item));
+  }
+  if (isPlainObject(value)) {
+    const clone = {};
+    Object.keys(value).forEach((key) => {
+      clone[key] = deepClone(value[key]);
+    });
+    return clone;
+  }
+  return value;
+};
+const normalizeForJson = (value) => {
+  if (Array.isArray(value)) {
+    return value.map((item) => normalizeForJson(item));
+  }
+  if (isPlainObject(value)) {
+    const normalized = {};
+    Object.keys(value).sort((a, b) => a.localeCompare(b)).forEach((key) => {
+      const child = normalizeForJson(value[key]);
+      if (child !== void 0) {
+        normalized[key] = child;
+      }
+    });
+    return normalized;
+  }
+  return value;
+};
+const stripEmpty = (value) => {
+  if (Array.isArray(value)) {
+    const items = value.map((item) => stripEmpty(item)).filter((item) => item !== void 0);
+    return items.length > 0 ? items : void 0;
+  }
+  if (isPlainObject(value)) {
+    const next = {};
+    Object.keys(value).forEach((key) => {
+      const child = stripEmpty(value[key]);
+      if (child !== void 0) {
+        next[key] = child;
+      }
+    });
+    return Object.keys(next).length > 0 ? next : void 0;
+  }
+  return value === void 0 ? void 0 : value;
+};
+const levenshteinDistance = (a, b) => {
+  const rows = a.length + 1;
+  const cols = b.length + 1;
+  const dp = Array.from(
+    { length: rows },
+    () => Array.from({ length: cols }, () => 0)
+  );
+  for (let row = 0; row < rows; row += 1) {
+    dp[row][0] = row;
+  }
+  for (let col = 0; col < cols; col += 1) {
+    dp[0][col] = col;
+  }
+  for (let row = 1; row < rows; row += 1) {
+    for (let col = 1; col < cols; col += 1) {
+      const cost = a[row - 1] === b[col - 1] ? 0 : 1;
+      dp[row][col] = Math.min(
+        dp[row - 1][col] + 1,
+        dp[row][col - 1] + 1,
+        dp[row - 1][col - 1] + cost
+      );
+    }
+  }
+  return dp[a.length][b.length];
+};
+const getDidYouMean = (input, options) => {
+  if (options.length === 0) {
+    return void 0;
+  }
+  const normalizedInput = input.toLowerCase();
+  let bestOption;
+  let bestScore = Number.POSITIVE_INFINITY;
+  options.forEach((option) => {
+    const normalizedOption = option.toLowerCase();
+    if (normalizedOption.startsWith(normalizedInput) || normalizedInput.startsWith(normalizedOption) || normalizedOption.includes(normalizedInput)) {
+      const prefixScore = 0;
+      if (prefixScore < bestScore) {
+        bestScore = prefixScore;
+        bestOption = option;
+      }
+      return;
+    }
+    const score = levenshteinDistance(normalizedInput, normalizedOption);
+    if (score < bestScore) {
+      bestScore = score;
+      bestOption = option;
+    }
+  });
+  if (bestOption === void 0) {
+    return void 0;
+  }
+  const threshold = Math.max(3, Math.floor(input.length / 2));
+  return bestScore <= threshold ? bestOption : void 0;
+};
+const validateAchievementType = (value) => {
+  if (KNOWN_ACHIEVEMENT_TYPES.includes(value) || CUSTOM_ACHIEVEMENT_TYPE_REGEX.test(value)) {
+    return void 0;
+  }
+  const suggestion = getDidYouMean(value, KNOWN_ACHIEVEMENT_TYPES);
+  const suggestionText = suggestion ? `; did you mean "${suggestion}"?` : "";
+  return `template.achievementType "${value}" is not a known OBv3 achievementType${suggestionText} Custom types must use the "ext:" prefix`;
+};
+const validateInterpolatedString = (value, path, errors) => {
+  VARIABLE_BRACES_REGEX.lastIndex = 0;
+  let match = VARIABLE_BRACES_REGEX.exec(value);
+  while (match) {
+    const variableName = match[1];
+    if (!/^\w+$/.test(variableName)) {
+      errors.push({
+        path,
+        message: `${path} uses invalid variable {{${variableName}}}; variable names must match /^\\w+$/`
+      });
+    } else if (isReservedTemplateVariable(variableName)) {
+      errors.push({
+        path,
+        message: `${path} uses reserved variable {{${variableName}}}; it is injected automatically by LearnCard`
+      });
+    }
+    match = VARIABLE_BRACES_REGEX.exec(value);
+  }
+};
+const validateWalletCategory = (value) => {
+  return typeof value === "string" && WALLET_CATEGORIES.includes(value);
+};
+const validatePersonalField = (value) => {
+  return typeof value === "string" && PERSONAL_FIELDS.includes(value);
+};
+const sortUnique = (values) => {
+  return Array.from(new Set(values)).sort((a, b) => a.localeCompare(b));
+};
+const canonicalJsonString = (value) => {
+  return JSON.stringify(normalizeForJson(value));
+};
+const SIMPLE_TEMPLATE_KEYS = [
+  "name",
+  "description",
+  "image",
+  "issuerName",
+  "achievementType",
+  "criteria",
+  "alignments",
+  "tags",
+  "activity",
+  "credits",
+  "validUntil",
+  "evidence"
+];
+const pushError = (errors, path, message) => {
+  errors.push({ path, message });
+};
+const validateHttpsOrVariableUrl = (value, path, errors) => {
+  if (typeof value !== "string" || value.length === 0) {
+    pushError(errors, path, `${path} must be a non-empty string`);
+    return;
+  }
+  validateInterpolatedString(value, path, errors);
+  if (!value.startsWith("https://") && !hasValidVariableInterpolation(value)) {
+    pushError(errors, path, `${path} must start with https:// or contain a {{variable}}`);
+  }
+};
+const validateTemplateDate = (value, path, errors) => {
+  if (typeof value !== "string" || value.length === 0) {
+    pushError(errors, path, `${path} must be an ISO-8601 date or a {{variable}} token`);
+    return;
+  }
+  validateInterpolatedString(value, path, errors);
+  if (getBareVariableName(value) !== void 0 || isIsoDateString(value)) {
+    return;
+  }
+  pushError(errors, path, `${path} must be an ISO-8601 date or a {{variable}} token`);
+};
+const validateTemplateNumber = (value, path, errors) => {
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return;
+  }
+  if (typeof value === "string") {
+    validateInterpolatedString(value, path, errors);
+    if (getBareVariableName(value) !== void 0) {
+      return;
+    }
+  }
+  pushError(errors, path, `${path} must be a number or a {{variable}} token`);
+};
+const validateStringArray = (value, path, errors) => {
+  if (!Array.isArray(value)) {
+    pushError(errors, path, `${path} must be an array of strings`);
+    return false;
+  }
+  value.forEach((item, index) => {
+    if (typeof item !== "string") {
+      pushError(errors, `${path}[${index}]`, `${path}[${index}] must be a string`);
+      return;
+    }
+    validateInterpolatedString(item, `${path}[${index}]`, errors);
+  });
+  return true;
+};
+const validateWalletSkillTags = (value, path, errors) => {
+  if (value === void 0) {
+    return true;
+  }
+  if (!Array.isArray(value)) {
+    pushError(errors, path, `${path} must be an array`);
+    return false;
+  }
+  value.forEach((item, index) => {
+    const itemPath = `${path}[${index}]`;
+    if (!isPlainObject(item)) {
+      pushError(errors, itemPath, `${itemPath} must be an object`);
+      return;
+    }
+    if (typeof item.frameworkId !== "string" || item.frameworkId.length === 0) {
+      pushError(
+        errors,
+        `${itemPath}.frameworkId`,
+        `${itemPath}.frameworkId must be a non-empty string`
+      );
+    }
+    if (typeof item.id !== "string" || item.id.length === 0) {
+      pushError(errors, `${itemPath}.id`, `${itemPath}.id must be a non-empty string`);
+    }
+    if (item.proficiencyLevel !== void 0 && typeof item.proficiencyLevel !== "string") {
+      pushError(
+        errors,
+        `${itemPath}.proficiencyLevel`,
+        `${itemPath}.proficiencyLevel must be a string`
+      );
+    }
+  });
+  return true;
+};
+const validateAlignment = (value, path, errors) => {
+  if (!isPlainObject(value)) {
+    pushError(errors, path, `${path} must be an object`);
+    return false;
+  }
+  if (typeof value.name !== "string" || value.name.trim().length === 0) {
+    pushError(errors, `${path}.name`, `${path}.name is required`);
+  } else {
+    validateInterpolatedString(value.name, `${path}.name`, errors);
+  }
+  if (value.url === void 0) {
+    pushError(errors, `${path}.url`, `${path}.url is required`);
+  } else {
+    validateHttpsOrVariableUrl(value.url, `${path}.url`, errors);
+  }
+  if (value.framework !== void 0) {
+    if (typeof value.framework !== "string") {
+      pushError(errors, `${path}.framework`, `${path}.framework must be a string`);
+    } else {
+      validateInterpolatedString(value.framework, `${path}.framework`, errors);
+    }
+  }
+  if (value.code !== void 0) {
+    if (typeof value.code !== "string") {
+      pushError(errors, `${path}.code`, `${path}.code must be a string`);
+    } else {
+      validateInterpolatedString(value.code, `${path}.code`, errors);
+    }
+  }
+  return true;
+};
+const validateEvidence = (value, path, errors) => {
+  if (!isPlainObject(value)) {
+    pushError(errors, path, `${path} must be an object`);
+    return false;
+  }
+  if (value.id !== void 0) {
+    validateHttpsOrVariableUrl(value.id, `${path}.id`, errors);
+  }
+  if (value.name !== void 0) {
+    if (typeof value.name !== "string") {
+      pushError(errors, `${path}.name`, `${path}.name must be a string`);
+    } else {
+      validateInterpolatedString(value.name, `${path}.name`, errors);
+    }
+  }
+  if (value.narrative !== void 0) {
+    if (typeof value.narrative !== "string") {
+      pushError(errors, `${path}.narrative`, `${path}.narrative must be a string`);
+    } else {
+      validateInterpolatedString(value.narrative, `${path}.narrative`, errors);
+    }
+  }
+  return true;
+};
+const validateRawCredentialVariables = (value, path, errors) => {
+  if (typeof value === "string") {
+    validateInterpolatedString(value, path, errors);
+    return;
+  }
+  if (Array.isArray(value)) {
+    value.forEach(
+      (item, index) => validateRawCredentialVariables(item, `${path}[${index}]`, errors)
+    );
+    return;
+  }
+  if (isPlainObject(value)) {
+    Object.keys(value).forEach((key) => {
+      validateRawCredentialVariables(value[key], `${path}.${key}`, errors);
+    });
+  }
+};
+const validateSimpleTemplate = (template, errors) => {
+  if (typeof template.name !== "string" || template.name.trim().length === 0) {
+    pushError(errors, "template.name", "template.name is required");
+  } else {
+    validateInterpolatedString(template.name, "template.name", errors);
+  }
+  if (template.description !== void 0) {
+    if (typeof template.description !== "string") {
+      pushError(errors, "template.description", "template.description must be a string");
+    } else {
+      validateInterpolatedString(template.description, "template.description", errors);
+    }
+  }
+  if (template.image !== void 0) {
+    validateHttpsOrVariableUrl(template.image, "template.image", errors);
+  }
+  if (template.issuerName !== void 0) {
+    if (typeof template.issuerName !== "string") {
+      pushError(errors, "template.issuerName", "template.issuerName must be a string");
+    } else {
+      validateInterpolatedString(template.issuerName, "template.issuerName", errors);
+    }
+  }
+  if (template.achievementType !== void 0) {
+    if (typeof template.achievementType !== "string") {
+      pushError(
+        errors,
+        "template.achievementType",
+        "template.achievementType must be a string"
+      );
+    } else {
+      const message = validateAchievementType(template.achievementType);
+      if (message !== void 0) {
+        pushError(errors, "template.achievementType", message);
+      }
+    }
+  }
+  if (template.category !== void 0 && !validateWalletCategory(template.category)) {
+    const suggestion = typeof template.category === "string" ? getDidYouMean(template.category, WALLET_CATEGORIES) : void 0;
+    const suffix = suggestion ? `; did you mean "${suggestion}"?` : "";
+    pushError(
+      errors,
+      "template.category",
+      `template.category must be one of ${WALLET_CATEGORIES.join(", ")}${suffix}`
+    );
+  }
+  if (template.criteria !== void 0) {
+    if (!isPlainObject(template.criteria)) {
+      pushError(errors, "template.criteria", "template.criteria must be an object");
+    } else {
+      if (template.criteria.narrative !== void 0) {
+        if (typeof template.criteria.narrative !== "string") {
+          pushError(
+            errors,
+            "template.criteria.narrative",
+            "template.criteria.narrative must be a string"
+          );
+        } else {
+          validateInterpolatedString(
+            template.criteria.narrative,
+            "template.criteria.narrative",
+            errors
+          );
+        }
+      }
+      if (template.criteria.url !== void 0) {
+        validateHttpsOrVariableUrl(template.criteria.url, "template.criteria.url", errors);
+      }
+    }
+  }
+  if (template.alignments !== void 0) {
+    if (!Array.isArray(template.alignments)) {
+      pushError(errors, "template.alignments", "template.alignments must be an array");
+    } else {
+      template.alignments.forEach((alignment, index) => {
+        validateAlignment(alignment, `template.alignments[${index}]`, errors);
+      });
+    }
+  }
+  if (template.tags !== void 0) {
+    validateStringArray(template.tags, "template.tags", errors);
+  }
+  if (template.activity !== void 0) {
+    if (!isPlainObject(template.activity)) {
+      pushError(errors, "template.activity", "template.activity must be an object");
+    } else {
+      if (template.activity.startDate !== void 0) {
+        validateTemplateDate(
+          template.activity.startDate,
+          "template.activity.startDate",
+          errors
+        );
+      }
+      if (template.activity.endDate !== void 0) {
+        validateTemplateDate(
+          template.activity.endDate,
+          "template.activity.endDate",
+          errors
+        );
+      }
+    }
+  }
+  if (template.credits !== void 0) {
+    if (!isPlainObject(template.credits)) {
+      pushError(errors, "template.credits", "template.credits must be an object");
+    } else {
+      if (template.credits.earned !== void 0) {
+        validateTemplateNumber(template.credits.earned, "template.credits.earned", errors);
+      }
+      if (template.credits.available !== void 0) {
+        validateTemplateNumber(
+          template.credits.available,
+          "template.credits.available",
+          errors
+        );
+      }
+    }
+  }
+  if (template.validUntil !== void 0) {
+    validateTemplateDate(template.validUntil, "template.validUntil", errors);
+  }
+  if (template.evidence !== void 0) {
+    if (!Array.isArray(template.evidence)) {
+      pushError(errors, "template.evidence", "template.evidence must be an array");
+    } else {
+      template.evidence.forEach((evidence, index) => {
+        validateEvidence(evidence, `template.evidence[${index}]`, errors);
+      });
+    }
+  }
+  validateWalletSkillTags(template.walletSkills, "template.walletSkills", errors);
+};
+const validateRawTemplate = (template, errors) => {
+  const invalidKeys = SIMPLE_TEMPLATE_KEYS.filter(
+    (key) => Object.prototype.hasOwnProperty.call(template, key)
+  );
+  invalidKeys.forEach((key) => {
+    pushError(
+      errors,
+      "template.rawCredential",
+      `template.rawCredential cannot be combined with template.${key} \u2014 use one or the other`
+    );
+  });
+  if (!isPlainObject(template.rawCredential)) {
+    pushError(
+      errors,
+      "template.rawCredential",
+      "template.rawCredential must be a plain object"
+    );
+    return;
+  }
+  if (!Array.isArray(template.rawCredential["@context"])) {
+    pushError(
+      errors,
+      "template.rawCredential.@context",
+      "template.rawCredential.@context must be an array"
+    );
+  }
+  if (!Array.isArray(template.rawCredential.type)) {
+    pushError(
+      errors,
+      "template.rawCredential.type",
+      "template.rawCredential.type must be an array"
+    );
+  }
+  if (template.category !== void 0 && !validateWalletCategory(template.category)) {
+    const suggestion = typeof template.category === "string" ? getDidYouMean(template.category, WALLET_CATEGORIES) : void 0;
+    const suffix = suggestion ? `; did you mean "${suggestion}"?` : "";
+    pushError(
+      errors,
+      "template.category",
+      `template.category must be one of ${WALLET_CATEGORIES.join(", ")}${suffix}`
+    );
+  }
+  validateWalletSkillTags(template.walletSkills, "template.walletSkills", errors);
+  validateRawCredentialVariables(template.rawCredential, "template.rawCredential", errors);
+};
+const validateInlineTemplate = (template) => {
+  const errors = [];
+  if (!isPlainObject(template)) {
+    return [{ path: "template", message: "template must be a plain object" }];
+  }
+  if ("rawCredential" in template && template.rawCredential !== void 0) {
+    validateRawTemplate(template, errors);
+    return errors;
+  }
+  validateSimpleTemplate(template, errors);
+  return errors;
+};
+const VARIABLE_SENTINEL_PREFIX = "__LC_VAR__";
+const getStringVariablePaths = (value, path, variables) => {
+  var _a;
+  if (typeof value === "string") {
+    TEMPLATE_VARIABLE_REGEX.lastIndex = 0;
+    let match = TEMPLATE_VARIABLE_REGEX.exec(value);
+    while (match) {
+      const variableName = match[1];
+      if (!isReservedTemplateVariable(variableName)) {
+        variables[variableName] = (_a = variables[variableName]) != null ? _a : [];
+        if (!variables[variableName].includes(path)) {
+          variables[variableName].push(path);
+        }
+      }
+      match = TEMPLATE_VARIABLE_REGEX.exec(value);
+    }
+    return;
+  }
+  if (Array.isArray(value)) {
+    value.forEach(
+      (item, index) => getStringVariablePaths(item, `${path}[${index}]`, variables)
+    );
+    return;
+  }
+  if (isPlainObject(value)) {
+    Object.keys(value).forEach((key) => {
+      const nextPath = path === "$" ? `$.${key}` : `${path}.${key}`;
+      getStringVariablePaths(value[key], nextPath, variables);
+    });
+  }
+};
+const findUnquotedVariableSpans = (json) => {
+  const spans = [];
+  let inString = false;
+  for (let index = 0; index < json.length; index += 1) {
+    const char = json[index];
+    if (inString) {
+      if (char === "\\") index += 1;
+      else if (char === '"') inString = false;
+      continue;
+    }
+    if (char === '"') {
+      inString = true;
+      continue;
+    }
+    if (char === "{" && json[index + 1] === "{") {
+      const match = /^\{\{(\w+)\}\}/.exec(json.slice(index));
+      if (match) {
+        spans.push({ name: match[1], start: index, end: index + match[0].length });
+        index += match[0].length - 1;
+      }
+    }
+  }
+  return spans;
+};
+const replaceUnquotedVariablesForParsing = (json) => {
+  const spans = findUnquotedVariableSpans(json);
+  let result = json;
+  for (let index = spans.length - 1; index >= 0; index -= 1) {
+    const span = spans[index];
+    result = `${result.slice(0, span.start)}"${VARIABLE_SENTINEL_PREFIX}${span.name}"${result.slice(span.end)}`;
+  }
+  return result;
+};
+const extractTemplateVariables = (json) => {
+  const variables = /* @__PURE__ */ new Set();
+  TEMPLATE_VARIABLE_REGEX.lastIndex = 0;
+  let match = TEMPLATE_VARIABLE_REGEX.exec(json);
+  while (match) {
+    variables.add(match[1]);
+    match = TEMPLATE_VARIABLE_REGEX.exec(json);
+  }
+  return Array.from(variables).sort((a, b) => a.localeCompare(b));
+};
+const buildVariableManifest = (credentialTemplateJson) => {
+  const numericVariables = /* @__PURE__ */ new Set();
+  const stringPaths = {};
+  findUnquotedVariableSpans(credentialTemplateJson).forEach((span) => {
+    if (!isReservedTemplateVariable(span.name)) {
+      numericVariables.add(span.name);
+    }
+  });
+  try {
+    const parsed = JSON.parse(
+      replaceUnquotedVariablesForParsing(credentialTemplateJson)
+    );
+    getStringVariablePaths(parsed, "$", stringPaths);
+  } catch {
+  }
+  const manifestVariables = {};
+  extractTemplateVariables(credentialTemplateJson).forEach((variableName) => {
+    var _a;
+    if (isReservedTemplateVariable(variableName)) {
+      return;
+    }
+    const paths = [...(_a = stringPaths[variableName]) != null ? _a : []].sort((a, b) => a.localeCompare(b));
+    manifestVariables[variableName] = {
+      type: numericVariables.has(variableName) ? "number" : "string",
+      paths
+    };
+  });
+  return { variables: manifestVariables };
+};
+const validateTemplateData = (manifest, templateData) => {
+  const errors = [];
+  const data = templateData != null ? templateData : {};
+  const manifestKeys = Object.keys(manifest.variables);
+  manifestKeys.forEach((variableName) => {
+    if (!Object.prototype.hasOwnProperty.call(data, variableName) || data[variableName] === void 0) {
+      errors.push({
+        path: `templateData.${variableName}`,
+        message: `templateData.${variableName} is required`
+      });
+      return;
+    }
+    const expectedType = manifest.variables[variableName].type;
+    const value = data[variableName];
+    if (expectedType === "number") {
+      if (typeof value !== "number" || !Number.isFinite(value)) {
+        errors.push({
+          path: `templateData.${variableName}`,
+          message: `templateData.${variableName} must be a finite number`
+        });
+      }
+      return;
+    }
+    if (!["string", "number", "boolean"].includes(typeof value)) {
+      errors.push({
+        path: `templateData.${variableName}`,
+        message: `templateData.${variableName} must be a string, number, or boolean`
+      });
+    }
+  });
+  Object.keys(data).forEach((key) => {
+    if (key === "evidence") {
+      return;
+    }
+    if (RESERVED_TEMPLATE_VARIABLES.includes(key)) {
+      errors.push({
+        path: `templateData.${key}`,
+        message: `templateData.${key} is injected automatically by LearnCard and cannot be supplied`
+      });
+      return;
+    }
+    if (!Object.prototype.hasOwnProperty.call(manifest.variables, key)) {
+      const suggestion = getDidYouMean(key, manifestKeys);
+      const suffix = suggestion ? `; did you mean "${suggestion}"?` : "";
+      errors.push({
+        path: `templateData.${key}`,
+        message: `templateData.${key} is unused${suffix}`
+      });
+    }
+  });
+  return errors;
+};
+const NUMERIC_SENTINEL_PREFIX = "__LC_NUM__";
+const toNumericSentinel = (value) => {
+  const variableName = getBareVariableName(value);
+  return variableName !== void 0 ? `${NUMERIC_SENTINEL_PREFIX}{{${variableName}}}__` : value;
+};
+const finalizeCredentialTemplateJson = (value) => {
+  const canonical = canonicalJsonString(value);
+  return canonical.replace(/"__LC_NUM__(\{\{\w+\}\})__"/g, "$1");
+};
+const compileSimpleTemplate = (template) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const credential = stripEmpty({
+    "@context": [VC2_CONTEXT, OBV3_CONTEXT],
+    type: ["VerifiableCredential", "OpenBadgeCredential"],
+    name: template.name,
+    description: template.description,
+    image: template.image,
+    issuer: stripEmpty({
+      id: "{{issuer_did}}",
+      type: ["Profile"],
+      name: template.issuerName
+    }),
+    validFrom: "{{issue_date}}",
+    validUntil: template.validUntil,
+    credentialSubject: stripEmpty({
+      type: ["AchievementSubject"],
+      id: "{{recipient_did}}",
+      achievement: stripEmpty({
+        type: ["Achievement"],
+        name: template.name,
+        description: template.description,
+        achievementType: (_a = template.achievementType) != null ? _a : "Badge",
+        image: template.image,
+        criteria: stripEmpty({
+          narrative: (_b = template.criteria) == null ? void 0 : _b.narrative,
+          id: (_c = template.criteria) == null ? void 0 : _c.url
+        }),
+        alignment: (_d = template.alignments) == null ? void 0 : _d.map(
+          (alignment) => stripEmpty({
+            type: ["Alignment"],
+            targetName: alignment.name,
+            targetUrl: alignment.url,
+            targetFramework: alignment.framework,
+            targetCode: alignment.code
+          })
+        ),
+        tag: template.tags
+      }),
+      activityStartDate: (_e = template.activity) == null ? void 0 : _e.startDate,
+      activityEndDate: (_f = template.activity) == null ? void 0 : _f.endDate,
+      creditsEarned: toNumericSentinel((_g = template.credits) == null ? void 0 : _g.earned),
+      creditsAvailable: toNumericSentinel((_h = template.credits) == null ? void 0 : _h.available)
+    }),
+    evidence: (_i = template.evidence) == null ? void 0 : _i.map(
+      (evidence) => stripEmpty({
+        type: ["Evidence"],
+        id: evidence.id,
+        name: evidence.name,
+        narrative: evidence.narrative
+      })
+    )
+  });
+  return finalizeCredentialTemplateJson(credential);
+};
+const forceCredentialSubjectId = (credentialSubject) => {
+  if (Array.isArray(credentialSubject)) {
+    credentialSubject.forEach((subject) => {
+      if (isPlainObject(subject)) {
+        subject.id = "{{recipient_did}}";
+      }
+    });
+    return;
+  }
+  if (isPlainObject(credentialSubject)) {
+    credentialSubject.id = "{{recipient_did}}";
+  }
+};
+const compileRawTemplate = (template) => {
+  const credential = deepClone(template.rawCredential);
+  if (!isPlainObject(credential)) {
+    throw new Error("template.rawCredential must be a plain object");
+  }
+  if (isPlainObject(credential.issuer)) {
+    credential.issuer.id = "{{issuer_did}}";
+  } else {
+    credential.issuer = { id: "{{issuer_did}}", type: ["Profile"] };
+  }
+  credential.validFrom = "{{issue_date}}";
+  forceCredentialSubjectId(credential.credentialSubject);
+  return finalizeCredentialTemplateJson(credential);
+};
+const compileInlineTemplate = (template) => {
+  var _a;
+  const errors = validateInlineTemplate(template);
+  if (errors.length > 0) {
+    throw new Error(errors.map((error) => `${error.path}: ${error.message}`).join("\n"));
+  }
+  const credentialTemplateJson = "rawCredential" in template && template.rawCredential !== void 0 ? compileRawTemplate(template) : compileSimpleTemplate(template);
+  return {
+    credentialTemplateJson,
+    variableManifest: buildVariableManifest(credentialTemplateJson),
+    category: (_a = template.category) != null ? _a : "Achievement",
+    walletSkills: template.walletSkills
+  };
+};
+const normalizeCategoryArray = (values, path) => {
+  if (values === void 0) {
+    return [];
+  }
+  if (!Array.isArray(values)) {
+    throw new Error(`${path} must be an array`);
+  }
+  const normalized = values.map((value, index) => {
+    if (!validateWalletCategory(value)) {
+      const suggestion = typeof value === "string" ? getDidYouMean(value, WALLET_CATEGORIES) : void 0;
+      const suffix = suggestion ? `; did you mean "${suggestion}"?` : "";
+      throw new Error(
+        `${path}[${index}] has unknown wallet category "${String(value)}"${suffix}`
+      );
+    }
+    return value;
+  });
+  return sortUnique(normalized);
+};
+const normalizePersonalFieldArray = (values, path) => {
+  if (values === void 0) {
+    return [];
+  }
+  if (!Array.isArray(values)) {
+    throw new Error(`${path} must be an array`);
+  }
+  const normalized = values.map((value, index) => {
+    if (!validatePersonalField(value)) {
+      const suggestion = typeof value === "string" ? getDidYouMean(value, PERSONAL_FIELDS) : void 0;
+      const suffix = suggestion ? `; did you mean "${suggestion}"?` : "";
+      throw new Error(
+        `${path}[${index}] has unknown personal field "${String(value)}"${suffix}`
+      );
+    }
+    return value;
+  });
+  return sortUnique(normalized);
+};
+const normalizeConsentRequest = (req) => {
+  var _a, _b, _c;
+  return {
+    read: {
+      credentialCategories: normalizeCategoryArray(
+        (_a = req.read) == null ? void 0 : _a.credentialCategories,
+        "consent.read.credentialCategories"
+      ),
+      personalFields: normalizePersonalFieldArray(
+        (_b = req.read) == null ? void 0 : _b.personalFields,
+        "consent.read.personalFields"
+      )
+    },
+    write: {
+      credentialCategories: normalizeCategoryArray(
+        (_c = req.write) == null ? void 0 : _c.credentialCategories,
+        "consent.write.credentialCategories"
+      )
+    }
+  };
+};
+const canonicalConsentScopeString = (scopes) => {
+  return canonicalJsonString(scopes);
+};
+const getTextEncoder = () => {
+  if (typeof TextEncoder !== "undefined") return new TextEncoder();
+  return void 0;
+};
+const getTextDecoder = () => {
+  if (typeof TextDecoder !== "undefined") return new TextDecoder();
+  return void 0;
+};
+const getBuffer = () => {
+  const candidate = globalThis.Buffer;
+  return candidate;
+};
+const toBase64 = (value) => {
+  const buffer = getBuffer();
+  if (buffer) return buffer.from(value, "utf8").toString("base64");
+  const encoder = getTextEncoder();
+  if (encoder && typeof btoa === "function") {
+    const bytes = encoder.encode(value);
+    let binary = "";
+    for (const byte of bytes) binary += String.fromCharCode(byte);
+    return btoa(binary);
+  }
+  if (typeof btoa === "function") {
+    return btoa(unescape(encodeURIComponent(value)));
+  }
+  throw new Error("No base64 encoder available in this environment");
+};
+const fromBase64 = (value) => {
+  const buffer = getBuffer();
+  if (buffer) return buffer.from(value, "base64").toString("utf8");
+  if (typeof atob === "function") {
+    const binary = atob(value);
+    const decoder = getTextDecoder();
+    if (decoder) {
+      const bytes = Uint8Array.from(binary, (char) => char.charCodeAt(0));
+      return decoder.decode(bytes);
+    }
+    return decodeURIComponent(
+      binary.split("").map((char) => `%${char.charCodeAt(0).toString(16).padStart(2, "0")}`).join("")
+    );
+  }
+  throw new Error("No base64 decoder available in this environment");
+};
+const toBase64Url = (value) => toBase64(value).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/g, "");
+const fromBase64Url = (value) => {
+  const normalized = value.replace(/-/g, "+").replace(/_/g, "/");
+  const paddingLength = (4 - normalized.length % 4) % 4;
+  return fromBase64(`${normalized}${"=".repeat(paddingLength)}`);
+};
+const encodeManifestForUrl = (manifest) => toBase64Url(JSON.stringify(manifest));
+const decodeManifestFromUrl = (value) => JSON.parse(fromBase64Url(value));
+const needsConsentSetup = (manifest) => manifest.permissions.includes("request_consent") && manifest.consentRequests.length === 0 && !manifest.usedConsentContract;
+const renderCompiledTemplate = (credentialTemplateJson, templateData) => {
+  const renderedJson = credentialTemplateJson.replace(
+    /\{\{(\w+)\}\}/g,
+    (match, variableName) => {
+      if (!Object.prototype.hasOwnProperty.call(templateData, variableName)) {
+        return ["issue_date", "issuer_did", "recipient_did"].includes(variableName) ? match : "";
+      }
+      const value = templateData[variableName];
+      if (value === null || value === void 0) {
+        return "";
+      }
+      if (typeof value === "string") {
+        return value.replace(/\\/g, "\\\\").replace(/"/g, '\\"').replace(/\n/g, "\\n").replace(/\r/g, "\\r").replace(/\t/g, "\\t").replace(/\f/g, "\\f").split(String.fromCharCode(8)).join("\\b");
+      }
+      if (typeof value === "number" || typeof value === "boolean") {
+        return String(value);
+      }
+      return "";
+    }
+  );
+  try {
+    return JSON.parse(renderedJson);
+  } catch (error) {
+    const message = error instanceof Error ? error.message : "Unknown JSON parse error";
+    throw new Error(`Failed to render compiled template into valid JSON: ${message}`, {
+      cause: error
+    });
+  }
+};
+
 var __defProp$2 = Object.defineProperty;
 var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField$2 = (obj, key, value) => __defNormalProp$2(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -36,13 +1041,333 @@ var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key,
 var __publicField$1 = (obj, key, value) => __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
 const DEFAULT_DID = "did:web:mock.learncard.app:user";
 const DEFAULT_NAMESPACE = "lc-mock";
+const DEFAULT_PUBLISH_ORIGIN$1 = "https://learncard.app";
 const MOCK_PREFIX = "[LearnCard SDK \xB7 MOCK]";
-const hasDocument = () => typeof document !== "undefined" && typeof document.createElement === "function";
-const readAchievementName = (payload) => {
-  var _a, _b, _c, _d;
-  if (!payload || typeof payload !== "object") return "a credential";
-  const record = payload;
-  if (typeof record.templateAlias === "string" && record.templateAlias) {
+const PUBLISH_DISMISS_TTL_MS = 24 * 60 * 60 * 1e3;
+const ICON_PATHS = {
+  user: '<circle cx="12" cy="8" r="4"/><path d="M4 21c0-4 3.6-6.5 8-6.5s8 2.5 8 6.5"/>',
+  award: '<circle cx="12" cy="9" r="6"/><path d="M8.6 14 7 22l5-3 5 3-1.6-8"/>',
+  shield: '<path d="M12 3 5 6v6c0 4.4 3 7.6 7 9 4-1.4 7-4.6 7-9V6z"/><path d="m9 12 2 2 4-4"/>',
+  open: '<path d="M7 17 17 7"/><path d="M8 7h9v9"/>',
+  search: '<circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/>',
+  send: '<path d="M21 3 10 14"/><path d="M21 3 14.5 21l-4.5-7-7-4.5z"/>',
+  sparkles: '<path d="M12 3.5 13.9 9l5.6 2-5.6 2L12 18.5 10.1 13l-5.6-2 5.6-2z"/><path d="M19 3v4M17 5h4"/>',
+  sync: '<path d="M20 12a8 8 0 0 1-14.3 4.9M4 12a8 8 0 0 1 14.3-4.9"/><path d="M18.5 3v4h-4M5.5 21v-4h4"/>',
+  bell: '<path d="M6 9a6 6 0 1 1 12 0c0 6.5 2.5 8.5 2.5 8.5h-17S6 15.5 6 9"/><path d="M10.3 20.5a2 2 0 0 0 3.4 0"/>',
+  hash: '<path d="M4 9h16M4 15h16M10 3 8 21M16 3l-2 18"/>',
+  users: '<circle cx="9" cy="8" r="3.5"/><path d="M2.5 20c0-3.5 2.9-6 6.5-6s6.5 2.5 6.5 6"/><path d="M16 4.5a3.5 3.5 0 0 1 0 7M21.5 20c0-2.8-1.6-4.9-4-5.7"/>',
+  publish: '<path d="M12 19V5"/><path d="m5 12 7-7 7 7"/>',
+  mark: '<rect x="3" y="5.5" width="18" height="13" rx="3"/><path d="M7 10h6M7 14h4"/>',
+  copy: '<rect x="9" y="9" width="11" height="11" rx="2.5"/><path d="M5 15V6.5A2.5 2.5 0 0 1 7.5 4H15"/>',
+  check: '<path d="m5 12.5 4.5 4.5L19 7.5"/>',
+  close: '<path d="M17 7 7 17M7 7l10 10"/>',
+  chevronDown: '<path d="m6 9 6 6 6-6"/>'
+};
+const MAX_VISIBLE_TOASTS = 3;
+const PERMISSION_FEATURES = {
+  request_identity: { icon: "user", label: "Sign in with LearnCard" },
+  send_credential: { icon: "award", label: "Award credentials" },
+  template_issuance: { icon: "send", label: "Send from your templates" },
+  request_consent: { icon: "shield", label: "Ask for permission" },
+  credential_search: { icon: "search", label: "Ask learners to share credentials" },
+  credential_by_id: { icon: "search", label: "Request a specific credential" },
+  launch_feature: { icon: "open", label: "Open LearnCard screens" }
+};
+const MOCK_STYLES = `
+@keyframes lc-mock-in { from { opacity: 0; transform: translateY(14px) scale(0.96); filter: blur(6px); } to { opacity: 1; transform: none; filter: none; } }
+@keyframes lc-mock-in-top { from { opacity: 0; transform: translateY(-14px) scale(0.96); filter: blur(6px); } to { opacity: 1; transform: none; filter: none; } }
+@keyframes lc-mock-out { to { opacity: 0; transform: scale(0.94); filter: blur(4px); } }
+@keyframes lc-mock-pop { from { opacity: 0; transform: translateY(10px) scale(0.94); } to { opacity: 1; transform: none; } }
+@keyframes lc-mock-bump { 40% { transform: scale(1.18); } }
+@keyframes lc-mock-pulse { 0% { box-shadow: 0 0 0 0 rgba(16,185,129,0.5); } 70%, 100% { box-shadow: 0 0 0 6px rgba(16,185,129,0); } }
+
+.lc-mock-stack, .lc-mock-hud {
+  --lc-glass: rgba(255,255,255,0.72);
+  --lc-glass-solid: rgba(251,251,252,0.97);
+  --lc-group: rgba(255,255,255,0.66);
+  --lc-edge: rgba(255,255,255,0.7);
+  --lc-hairline: rgba(24,34,78,0.08);
+  --lc-fill: rgba(24,34,78,0.06);
+  --lc-fill-hover: rgba(24,34,78,0.1);
+  --lc-ink: #18224E;
+  --lc-ink-2: #52597A;
+  --lc-ink-3: #8B91A7;
+  --lc-solid: #18224E;
+  --lc-on-solid: #FFFFFF;
+  --lc-shadow: 0 0 0 0.5px rgba(24,34,78,0.1), 0 2px 8px rgba(24,34,78,0.06), 0 24px 56px -16px rgba(24,34,78,0.32);
+  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  font-size: 13px; line-height: 1.4; letter-spacing: -0.006em; text-align: left;
+  color: var(--lc-ink); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
+  position: fixed; z-index: 2147483647;
+}
+@media (prefers-color-scheme: dark) {
+  .lc-mock-stack, .lc-mock-hud {
+    --lc-glass: rgba(30,37,68,0.62);
+    --lc-glass-solid: rgba(30,37,68,0.97);
+    --lc-group: rgba(255,255,255,0.06);
+    --lc-edge: rgba(255,255,255,0.14);
+    --lc-hairline: rgba(255,255,255,0.08);
+    --lc-fill: rgba(255,255,255,0.1);
+    --lc-fill-hover: rgba(255,255,255,0.16);
+    --lc-ink: #FBFBFC;
+    --lc-ink-2: #C5C8D3;
+    --lc-ink-3: #A8ACBD;
+    --lc-solid: #FBFBFC;
+    --lc-on-solid: #18224E;
+    --lc-shadow: 0 0 0 0.5px rgba(0,0,0,0.4), 0 2px 8px rgba(0,0,0,0.2), 0 24px 56px -16px rgba(0,0,0,0.6);
+  }
+}
+.lc-mock-stack *, .lc-mock-hud * { box-sizing: border-box; }
+.lc-mock-stack svg, .lc-mock-hud svg { display: block; flex: none; }
+.lc-mock-stack button, .lc-mock-hud button {
+  font: inherit; color: inherit; margin: 0; text-transform: none; letter-spacing: inherit;
+  -webkit-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent;
+}
+.lc-mock-stack a, .lc-mock-hud a { -webkit-tap-highlight-color: transparent; }
+.lc-mock-stack :focus-visible, .lc-mock-hud :focus-visible { outline: 2px solid #10B981; outline-offset: 2px; }
+
+.lc-mock-glass {
+  background: var(--lc-glass);
+  -webkit-backdrop-filter: saturate(180%) blur(28px); backdrop-filter: saturate(180%) blur(28px);
+  border: 0.5px solid var(--lc-edge);
+  box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), var(--lc-shadow);
+}
+@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
+  .lc-mock-glass { background: var(--lc-glass-solid); }
+}
+
+.lc-mock-dot {
+  width: 7px; height: 7px; border-radius: 999px; background: #10B981; flex: none;
+  animation: lc-mock-pulse 2.4s ease-out infinite;
+}
+
+/* Notices */
+.lc-mock-stack {
+  bottom: max(20px, calc(env(safe-area-inset-bottom, 0px) + 12px));
+  right: max(20px, calc(env(safe-area-inset-right, 0px) + 12px));
+  width: min(360px, calc(100vw - 40px));
+  display: flex; flex-direction: column; gap: 10px; pointer-events: none;
+}
+.lc-mock-toast {
+  position: relative; pointer-events: auto; display: flex; align-items: flex-start; gap: 12px;
+  width: 100%; padding: 12px 14px 13px 12px; border-radius: 22px;
+  animation: lc-mock-in 460ms cubic-bezier(0.22, 1, 0.36, 1) backwards;
+  transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+.lc-mock-toast:hover { transform: translateY(-2px); }
+.lc-mock-toast.lc-mock-out { animation: lc-mock-out 200ms cubic-bezier(0.4, 0, 1, 1) forwards; pointer-events: none; }
+.lc-mock-toast--hidden { display: none; }
+.lc-mock-toast--publish { order: -1; padding: 14px 14px 14px 12px; }
+.lc-mock-toast--dismissible .lc-mock-content { padding-right: 22px; }
+
+.lc-mock-tile {
+  width: 34px; height: 34px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex: none;
+  color: #FFFFFF; background: linear-gradient(180deg, #353E64 0%, #18224E 100%);
+  box-shadow: inset 0 0 0 0.5px rgba(255,255,255,0.18), 0 1px 2px rgba(24,34,78,0.24);
+}
+.lc-mock-tile svg { width: 18px; height: 18px; }
+.lc-mock-toast--positive .lc-mock-tile { background: linear-gradient(180deg, #34D399 0%, #059669 100%); }
+.lc-mock-toast--warning .lc-mock-tile { background: linear-gradient(180deg, #FBBF24 0%, #D97706 100%); }
+.lc-mock-hud-row-detail.is-setup { color: #B45309; font-weight: 500; }
+.lc-mock-hud-setup-dot { width: 8px; height: 8px; margin: 0 4px; border-radius: 999px; background: #F59E0B; flex: none; }
+
+.lc-mock-content { flex: 1; min-width: 0; }
+.lc-mock-meta { display: flex; align-items: center; gap: 6px; margin-bottom: 2px; font-size: 11.5px; font-weight: 600; color: var(--lc-ink-3); }
+.lc-mock-chip { padding: 1px 7px; border-radius: 999px; background: var(--lc-fill); color: var(--lc-ink-2); font-size: 10.5px; font-weight: 600; }
+.lc-mock-count {
+  margin-left: auto; min-width: 22px; padding: 1px 7px; border-radius: 999px; text-align: center;
+  background: var(--lc-solid); color: var(--lc-on-solid); font-size: 11px; font-weight: 600; font-variant-numeric: tabular-nums;
+}
+.lc-mock-bump { animation: lc-mock-bump 260ms ease-out; }
+.lc-mock-title { font-size: 14.5px; font-weight: 600; letter-spacing: -0.012em; margin: 1px 0 2px; }
+.lc-mock-body { font-size: 13.5px; line-height: 1.42; color: var(--lc-ink); overflow-wrap: anywhere; white-space: pre-line; }
+.lc-mock-body strong { font-weight: 600; }
+.lc-mock-toast--publish .lc-mock-body { color: var(--lc-ink-2); }
+
+.lc-mock-action {
+  display: inline-flex; align-items: center; gap: 6px; margin-top: 11px; padding: 9px 15px; border-radius: 999px;
+  background: var(--lc-solid); color: var(--lc-on-solid) !important; text-decoration: none !important;
+  font-size: 13px; font-weight: 600; line-height: 1;
+  transition: transform 160ms ease, opacity 160ms ease;
+}
+.lc-mock-action svg { width: 14px; height: 14px; }
+.lc-mock-action:hover { opacity: 0.9; }
+.lc-mock-action:active { transform: scale(0.97); }
+
+.lc-mock-close {
+  position: absolute; top: 10px; right: 10px; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 999px;
+  display: flex; align-items: center; justify-content: center; cursor: pointer;
+  background: var(--lc-fill); color: var(--lc-ink-2); transition: background 160ms ease, color 160ms ease;
+}
+.lc-mock-close svg { width: 13px; height: 13px; }
+.lc-mock-close:hover { background: var(--lc-fill-hover); color: var(--lc-ink); }
+
+/* Practice panel */
+.lc-mock-hud {
+  left: max(20px, calc(env(safe-area-inset-left, 0px) + 12px));
+  bottom: max(20px, calc(env(safe-area-inset-bottom, 0px) + 12px));
+}
+.lc-mock-hud.lc-mock-animate > * { animation: lc-mock-pop 380ms cubic-bezier(0.22, 1, 0.36, 1) backwards; transform-origin: bottom left; }
+
+.lc-mock-hud-pill {
+  display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 8px 0 6px; border-radius: 999px;
+  cursor: pointer; font-size: 13px; font-weight: 600; color: var(--lc-ink);
+  transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+.lc-mock-hud-pill:hover { transform: translateY(-2px); }
+.lc-mock-hud-pill:active { transform: scale(0.97); }
+.lc-mock-hud-pill .lc-mock-dot { margin-left: 2px; }
+.lc-mock-hud-mark {
+  width: 28px; height: 28px; border-radius: 999px; display: flex; align-items: center; justify-content: center; flex: none;
+  color: #FFFFFF; background: linear-gradient(180deg, #353E64 0%, #18224E 100%);
+  box-shadow: inset 0 0 0 0.5px rgba(255,255,255,0.18);
+}
+.lc-mock-hud-mark svg { width: 15px; height: 15px; }
+.lc-mock-hud-mark--lg { width: 36px; height: 36px; border-radius: 11px; }
+.lc-mock-hud-mark--lg svg { width: 19px; height: 19px; }
+.lc-mock-hud-badge {
+  min-width: 24px; height: 24px; padding: 0 7px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center;
+  background: var(--lc-fill); color: var(--lc-ink-2); font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums;
+}
+
+.lc-mock-hud-card {
+  width: min(328px, calc(100vw - 40px)); max-height: calc(100vh - 40px); overflow: auto;
+  border-radius: 26px; padding: 8px 8px 10px; overscroll-behavior: contain;
+}
+.lc-mock-hud-header { display: flex; align-items: center; gap: 11px; padding: 6px 4px 12px 6px; }
+.lc-mock-hud-heading { flex: 1; min-width: 0; }
+.lc-mock-hud-title { display: flex; align-items: center; gap: 7px; font-size: 15px; font-weight: 600; letter-spacing: -0.014em; }
+.lc-mock-hud-subtitle { font-size: 12px; color: var(--lc-ink-3); margin-top: 1px; }
+.lc-mock-hud-minimize {
+  width: 30px; height: 30px; padding: 0; border: 0; border-radius: 999px; flex: none; cursor: pointer;
+  display: flex; align-items: center; justify-content: center;
+  background: var(--lc-fill); color: var(--lc-ink-2); transition: background 160ms ease, color 160ms ease;
+}
+.lc-mock-hud-minimize svg { width: 16px; height: 16px; }
+.lc-mock-hud-minimize:hover { background: var(--lc-fill-hover); color: var(--lc-ink); }
+
+.lc-mock-hud-group { background: var(--lc-group); border: 0.5px solid var(--lc-hairline); border-radius: 18px; }
+.lc-mock-hud-app { display: flex; align-items: center; gap: 11px; padding: 10px 12px; }
+.lc-mock-hud-avatar {
+  width: 36px; height: 36px; border-radius: 10px; flex: none; overflow: hidden;
+  display: flex; align-items: center; justify-content: center;
+  background: var(--lc-fill); color: var(--lc-ink-2); font-size: 15px; font-weight: 600;
+}
+.lc-mock-hud-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
+.lc-mock-hud-app-name { font-size: 14px; font-weight: 600; letter-spacing: -0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+
+.lc-mock-hud-section {
+  padding: 14px 12px 6px; font-size: 11px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--lc-ink-3);
+}
+.lc-mock-hud-list { list-style: none; margin: 0; padding: 0; max-height: min(40vh, 320px); overflow: auto; }
+.lc-mock-hud-row { position: relative; display: flex; align-items: center; gap: 11px; padding: 9px 12px; margin: 0; }
+.lc-mock-hud-row + .lc-mock-hud-row::before {
+  content: ''; position: absolute; top: 0; left: 50px; right: 0; height: 0.5px; background: var(--lc-hairline);
+}
+.lc-mock-hud-glyph {
+  width: 28px; height: 28px; border-radius: 8px; flex: none; display: flex; align-items: center; justify-content: center;
+  background: var(--lc-fill); color: var(--lc-ink);
+}
+.lc-mock-hud-glyph svg { width: 15px; height: 15px; }
+.lc-mock-hud-row-text { flex: 1; min-width: 0; }
+.lc-mock-hud-row-label { font-size: 13px; font-weight: 500; }
+.lc-mock-hud-row-detail { font-size: 12px; color: var(--lc-ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 1px; }
+.lc-mock-hud-check { color: #10B981; flex: none; }
+.lc-mock-hud-check svg { width: 16px; height: 16px; stroke-width: 2.4; }
+.lc-mock-hud-empty { padding: 14px; font-size: 13px; color: var(--lc-ink-3); line-height: 1.45; }
+
+.lc-mock-hud-footer { display: flex; gap: 8px; padding: 12px 2px 0; }
+.lc-mock-hud-publish {
+  flex: 1; height: 42px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; gap: 7px;
+  background: var(--lc-solid); color: var(--lc-on-solid) !important; text-decoration: none !important;
+  font-size: 14px; font-weight: 600; transition: transform 160ms ease, opacity 160ms ease;
+}
+.lc-mock-hud-publish svg { width: 15px; height: 15px; }
+.lc-mock-hud-publish:hover { opacity: 0.9; }
+.lc-mock-hud-publish:active { transform: scale(0.98); }
+.lc-mock-hud-copy {
+  width: 42px; height: 42px; padding: 0; border: 0; border-radius: 999px; flex: none; cursor: pointer;
+  display: flex; align-items: center; justify-content: center;
+  background: var(--lc-fill); color: var(--lc-ink); transition: background 160ms ease, color 160ms ease, transform 160ms ease;
+}
+.lc-mock-hud-copy svg { width: 17px; height: 17px; }
+.lc-mock-hud-copy:hover { background: var(--lc-fill-hover); }
+.lc-mock-hud-copy:active { transform: scale(0.94); }
+.lc-mock-hud-copy.is-copied { background: rgba(16,185,129,0.14); color: #059669; }
+.lc-mock-hud .lc-mock-hud-reset { display: block; margin: 10px auto 0; border: 0; background: transparent; color: var(--lc-ink-3); font-size: 12px; cursor: pointer; }
+.lc-mock-hud .lc-mock-hud-reset:hover { color: var(--lc-ink); }
+.lc-mock-hud .lc-mock-hud-confirm { padding: 12px 8px; color: var(--lc-ink); }
+.lc-mock-hud .lc-mock-hud-confirm p { color: var(--lc-ink-3); font-size: 13px; line-height: 1.5; }
+.lc-mock-hud .lc-mock-hud-confirm-actions { display: flex; gap: 8px; margin-top: 16px; }
+.lc-mock-hud .lc-mock-hud-confirm button { border-radius: 999px; padding: 10px 16px; border: 1px solid var(--lc-ink-3); background: transparent; color: var(--lc-ink); cursor: pointer; }
+.lc-mock-hud .lc-mock-hud-confirm .lc-mock-hud-reset-confirm { background: #DC2626; color: white; border-color: #DC2626; }
+.lc-mock-hud-publish-hint { padding: 10px 8px 0; font-size: 11.5px; line-height: 1.45; color: var(--lc-ink-3); overflow-wrap: anywhere; }
+.lc-mock-hud-publish-hint code {
+  display: inline-block; max-width: 100%; margin-top: 3px; word-break: break-all;
+  font-family: ui-monospace, 'SF Mono', Menlo, monospace; font-size: 11px; padding: 1px 5px; border-radius: 6px;
+  background: var(--lc-fill); color: var(--lc-ink-2);
+}
+
+@media (max-width: 640px) {
+  .lc-mock-stack {
+    top: max(12px, calc(env(safe-area-inset-top, 0px) + 8px)); bottom: auto; left: 12px; right: 12px; width: auto;
+    flex-direction: column-reverse;
+  }
+  .lc-mock-toast { animation-name: lc-mock-in-top; }
+  .lc-mock-toast--older { display: none; }
+  .lc-mock-hud { left: 12px; bottom: max(12px, calc(env(safe-area-inset-bottom, 0px) + 8px)); }
+  .lc-mock-hud-card { width: calc(100vw - 24px); }
+}
+@media (prefers-reduced-motion: reduce) {
+  .lc-mock-stack *, .lc-mock-hud *, .lc-mock-hud.lc-mock-animate > * { animation: none !important; transition: none !important; }
+}
+`.trim();
+const hasDocument = () => typeof document !== "undefined" && typeof document.createElement === "function";
+const SVG_NS = "http://www.w3.org/2000/svg";
+const createIcon = (name) => {
+  const svg = document.createElementNS(SVG_NS, "svg");
+  svg.setAttribute("viewBox", "0 0 24 24");
+  svg.setAttribute("fill", "none");
+  svg.setAttribute("stroke", "currentColor");
+  svg.setAttribute("stroke-width", "1.9");
+  svg.setAttribute("stroke-linecap", "round");
+  svg.setAttribute("stroke-linejoin", "round");
+  svg.setAttribute("aria-hidden", "true");
+  svg.innerHTML = ICON_PATHS[name];
+  return svg;
+};
+const createEl = (tag, className, text) => {
+  const el = document.createElement(tag);
+  if (className) el.className = className;
+  if (text !== void 0) el.textContent = text;
+  return el;
+};
+const plural = (count, noun) => `${count} ${noun}${count === 1 ? "" : "s"}`;
+const readablePath = (path) => path.split(/[?#]/)[0] || path;
+const readHost = (url) => {
+  if (!url) return "";
+  try {
+    return new URL(url).host;
+  } catch {
+    return "";
+  }
+};
+const readableTemplateName = (record) => {
+  const template = record.template;
+  const name = template == null ? void 0 : template.name;
+  return typeof name === "string" && name.trim() && !name.includes("{{") ? name.trim() : record.alias;
+};
+const MAX_APP_FINGERPRINT_LENGTH = 64;
+const slugifyAppFingerprint = (value) => {
+  if (!value) return "default";
+  const slug = value.trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "").slice(0, MAX_APP_FINGERPRINT_LENGTH).replace(/-$/g, "");
+  return slug || "default";
+};
+const readAchievementName = (payload) => {
+  var _a, _b, _c, _d;
+  if (!payload || typeof payload !== "object") return "a credential";
+  const record = payload;
+  if (typeof record.templateAlias === "string" && record.templateAlias) {
     const data = record.templateData;
     if (data && typeof data === "object") {
       const fields = data;
@@ -62,13 +1387,70 @@ const readAchievementName = (payload) => {
   }
   return "a credential";
 };
+const readRenderedCredentialName = (credential) => {
+  if (typeof credential.name === "string" && credential.name) return credential.name;
+  const subject = credential.credentialSubject;
+  if (subject && typeof subject === "object" && !Array.isArray(subject)) {
+    const achievement = subject.achievement;
+    if (achievement && typeof achievement === "object" && !Array.isArray(achievement)) {
+      const name = achievement.name;
+      if (typeof name === "string" && name) return name;
+    }
+  }
+  return "a credential";
+};
+const buildConsentScopeToastSegments = (payload) => {
+  const scopes = payload == null ? void 0 : payload.scopes;
+  if (!scopes || typeof scopes !== "object" || Array.isArray(scopes)) {
+    return [
+      "In LearnCard, the learner would review this request. Approved automatically here."
+    ];
+  }
+  const normalized = normalizeConsentRequest(scopes);
+  const readCategories = normalized.read.credentialCategories;
+  const personalFields = normalized.read.personalFields;
+  const writeCategories = normalized.write.credentialCategories;
+  const asks = [];
+  if (readCategories.length > 0) {
+    asks.push(["see their ", { b: readCategories.join(", ") }, " credentials"]);
+  }
+  if (personalFields.length > 0) {
+    asks.push(["see their ", { b: personalFields.join(", ") }]);
+  }
+  if (writeCategories.length > 0) {
+    asks.push(["add ", { b: writeCategories.join(", ") }, " credentials"]);
+  }
+  if (asks.length === 0) {
+    return ["The learner would be asked for permission. Approved automatically here."];
+  }
+  const parts = ["The learner would be asked to let your app "];
+  asks.forEach((ask, index) => {
+    if (index > 0) parts.push(index === asks.length - 1 ? " and " : ", ");
+    parts.push(...ask);
+  });
+  parts.push(". Approved automatically here.");
+  return parts;
+};
 class MockHost {
-  constructor(options) {
+  constructor(options, context) {
     __publicField$1(this, "options");
+    __publicField$1(this, "context");
     /** In-memory counter fallback used when persistence is off/unavailable. */
     __publicField$1(this, "memoryCounters", /* @__PURE__ */ new Map());
+    __publicField$1(this, "memoryManifests", {});
+    __publicField$1(this, "memoryPublishDismissedAt", {});
+    __publicField$1(this, "memoryHudCollapsed", {});
+    __publicField$1(this, "initialDocumentTitle");
+    __publicField$1(this, "appFingerprint");
+    __publicField$1(this, "memoryAppKey");
+    __publicField$1(this, "iconSource");
+    __publicField$1(this, "iconGeneration", 0);
+    __publicField$1(this, "iconCleanups", /* @__PURE__ */ new Set());
+    __publicField$1(this, "confirmingReset", false);
     /** Session-scoped credential store; reads reflect writes and seeds. */
     __publicField$1(this, "credentials", []);
+    /** Session-scoped alias → inline template version state. */
+    __publicField$1(this, "inlineTemplateVersions", /* @__PURE__ */ new Map());
     __publicField$1(this, "identity");
     /** DOM nodes injected for visual feedback, tracked for cleanup. */
     __publicField$1(this, "domNodes", /* @__PURE__ */ new Set());
@@ -76,23 +1458,30 @@ class MockHost {
     __publicField$1(this, "aiTopic", null);
     __publicField$1(this, "styleEl", null);
     __publicField$1(this, "stackEl", null);
+    __publicField$1(this, "hudEl", null);
+    __publicField$1(this, "hudAnimateNext", true);
     __publicField$1(this, "activeToasts", /* @__PURE__ */ new Map());
     /** Pending exit-animation timers, tracked so `destroy()` can cancel them. */
     __publicField$1(this, "exitTimers", /* @__PURE__ */ new Set());
     __publicField$1(this, "idSeq", 0);
     __publicField$1(this, "destroyed", false);
-    var _a, _b, _c, _d, _e, _f, _g;
+    __publicField$1(this, "publishPromptShown", false);
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    this.context = { ...context };
     this.options = {
       ui: (_a = options == null ? void 0 : options.ui) != null ? _a : true,
       log: (_b = options == null ? void 0 : options.log) != null ? _b : true,
       persist: (_c = options == null ? void 0 : options.persist) != null ? _c : true,
-      namespace: (options == null ? void 0 : options.namespace) || DEFAULT_NAMESPACE
+      namespace: (options == null ? void 0 : options.namespace) || DEFAULT_NAMESPACE,
+      appId: options == null ? void 0 : options.appId,
+      publishPrompt: (_d = options == null ? void 0 : options.publishPrompt) != null ? _d : true,
+      publishOrigin: (options == null ? void 0 : options.publishOrigin) || DEFAULT_PUBLISH_ORIGIN$1
     };
     this.identity = {
-      ...(_d = options == null ? void 0 : options.identity) != null ? _d : {},
-      did: ((_e = options == null ? void 0 : options.identity) == null ? void 0 : _e.did) || (options == null ? void 0 : options.did) || DEFAULT_DID
+      ...(_e = options == null ? void 0 : options.identity) != null ? _e : {},
+      did: ((_f = options == null ? void 0 : options.identity) == null ? void 0 : _f.did) || (options == null ? void 0 : options.did) || DEFAULT_DID
     };
-    for (const seed of (_f = options == null ? void 0 : options.credentials) != null ? _f : []) {
+    for (const seed of (_g = options == null ? void 0 : options.credentials) != null ? _g : []) {
       this.addCredential({
         name: seed.name || seed.templateAlias || "Mock Credential",
         templateAlias: seed.templateAlias,
@@ -101,7 +1490,7 @@ class MockHost {
         status: seed.status
       });
     }
-    for (const [key, value] of Object.entries((_g = options == null ? void 0 : options.counters) != null ? _g : {})) {
+    for (const [key, value] of Object.entries((_h = options == null ? void 0 : options.counters) != null ? _h : {})) {
       if (this.readCounter(key) === void 0) this.writeCounter(key, value);
     }
     this.announce();
@@ -111,346 +1500,1447 @@ class MockHost {
    * direct actions map 1:1, and `APP_EVENT` is dispatched by its `type`.
    */
   handle(action, payload) {
-    var _a, _b;
     if (this.destroyed) {
-      return Promise.reject({
-        code: "SDK_DESTROYED",
-        message: "Mock host was destroyed before the request completed"
-      });
+      return Promise.reject(
+        new PartnerConnectError(
+          "SDK_DESTROYED",
+          "Mock host was destroyed before the request completed"
+        )
+      );
     }
     this.log(action, payload);
     if (action === "APP_EVENT") {
       return this.handleAppEvent(payload);
     }
-    switch (action) {
-      case "REQUEST_IDENTITY":
-        this.toast({
-          icon: "\u{1F464}",
-          segments: ["In LearnCard, the user would sign in. Returning a mock identity."]
-        });
-        return Promise.resolve({
-          token: `mock-token-${Date.now()}`,
-          user: { ...this.identity }
-        });
-      case "SEND_CREDENTIAL": {
-        const name = readAchievementName(payload);
-        const credentialId = `mock-credential-${Date.now()}-${this.idSeq += 1}`;
-        this.addCredential({
-          name,
-          credentialUri: credentialId,
-          credential: payload == null ? void 0 : payload.credential
-        });
-        this.showClaimToast(name);
-        return Promise.resolve({ credentialId, stored: true });
+    const response = (() => {
+      var _a, _b;
+      switch (action) {
+        case "REQUEST_IDENTITY":
+          this.toast({
+            icon: "user",
+            segments: [
+              "In LearnCard, the learner would sign in. Using a practice profile for now."
+            ]
+          });
+          return Promise.resolve({
+            token: `mock-token-${Date.now()}`,
+            user: { ...this.identity }
+          });
+        case "SEND_CREDENTIAL": {
+          const name = readAchievementName(payload);
+          const credentialId = `mock-credential-${Date.now()}-${this.idSeq += 1}`;
+          this.addCredential({
+            name,
+            credentialUri: credentialId,
+            credential: payload == null ? void 0 : payload.credential
+          });
+          this.showClaimToast(name);
+          return Promise.resolve({ credentialId, stored: true });
+        }
+        case "REQUEST_CONSENT": {
+          const redirect = Boolean(
+            payload == null ? void 0 : payload.redirect
+          );
+          try {
+            const scopes = payload == null ? void 0 : payload.scopes;
+            if (scopes !== void 0) {
+              normalizeConsentRequest(scopes);
+            }
+          } catch (error) {
+            return Promise.reject(
+              new PartnerConnectError(
+                "CONSENT_SCOPES_INVALID",
+                error instanceof Error ? error.message : "Invalid consent scopes"
+              )
+            );
+          }
+          this.showConsentToast(payload, redirect);
+          return Promise.resolve({ granted: true });
+        }
+        case "LAUNCH_FEATURE": {
+          const featurePath = (_a = payload == null ? void 0 : payload.featurePath) != null ? _a : "";
+          this.toast({
+            icon: "open",
+            segments: featurePath ? [
+              "In LearnCard, this would open ",
+              { b: readablePath(featurePath) },
+              "."
+            ] : ["In LearnCard, this would open a feature screen."]
+          });
+          return Promise.resolve({ launched: true, featurePath });
+        }
+        case "ASK_CREDENTIAL_SEARCH": {
+          const held = this.selfCredentials();
+          this.toast({
+            icon: "search",
+            segments: held.length ? [
+              "The learner could share ",
+              { b: plural(held.length, "credential") },
+              "."
+            ] : [
+              "In LearnCard, the learner would choose credentials to share. None yet in practice."
+            ]
+          });
+          return Promise.resolve({
+            verifiablePresentation: {
+              verifiableCredential: held.map((c) => c.credential)
+            }
+          });
+        }
+        case "ASK_CREDENTIAL_SPECIFIC": {
+          const credentialId = payload == null ? void 0 : payload.credentialId;
+          const found = this.credentials.find((c) => c.credentialUri === credentialId);
+          this.toast({
+            icon: "search",
+            segments: found ? ["The learner would share ", { b: found.name }, "."] : [
+              "In LearnCard, the learner would be asked to share this credential. It isn\u2019t in practice data yet."
+            ]
+          });
+          return Promise.resolve({ credential: found == null ? void 0 : found.credential });
+        }
+        case "INITIATE_TEMPLATE_ISSUE": {
+          const input = payload;
+          const templateId = (_b = input == null ? void 0 : input.templateId) != null ? _b : "";
+          const recipients = Array.isArray(input == null ? void 0 : input.draftRecipients) ? input == null ? void 0 : input.draftRecipients : [];
+          for (const recipient of recipients) {
+            this.addCredential({
+              name: templateId || "Boost",
+              boostUri: templateId,
+              recipient,
+              status: "pending"
+            });
+          }
+          this.toast({
+            icon: "send",
+            segments: recipients.length ? [
+              "In LearnCard, this would send to ",
+              { b: plural(recipients.length, "person") },
+              "."
+            ] : ["In LearnCard, this would open the send screen."]
+          });
+          return Promise.resolve({ issued: true });
+        }
+        case "REQUEST_LEARNER_CONTEXT": {
+          const opts = payload != null ? payload : {};
+          const includeCredentials = opts.includeCredentials !== false;
+          const structured = opts.format === "structured";
+          const held = includeCredentials ? this.selfCredentials() : [];
+          this.toast({
+            icon: "sparkles",
+            segments: !includeCredentials ? [
+              "In LearnCard, the learner\u2019s profile would load, without credentials."
+            ] : held.length ? [
+              "Learner profile loaded with ",
+              { b: plural(held.length, "credential") },
+              "."
+            ] : [
+              "In LearnCard, the learner\u2019s profile would load here. Empty in practice."
+            ]
+          });
+          const prompt = !includeCredentials ? "Mock learner context: credentials were not requested." : held.length ? `Mock learner context. Credentials held: ${held.map((c) => c.name).join(", ")}.` : "Mock learner context: this user has no credentials in standalone mode.";
+          return Promise.resolve({
+            status: "ready",
+            prompt,
+            did: this.identity.did,
+            // Matches the real host: `raw` only ships for format: 'structured'.
+            ...structured ? { raw: { credentials: held.map((c) => c.credential) } } : {}
+          });
+        }
+        case "GET_SYNC_STATUS":
+          this.toast({
+            icon: "sync",
+            segments: [
+              "In LearnCard, this checks that the learner\u2019s data is up to date. Ready in practice."
+            ]
+          });
+          return Promise.resolve({
+            status: "ready",
+            progress: {
+              totalCredentials: 0,
+              completedCredentials: 0,
+              failedCredentials: 0,
+              retryCount: 0
+            }
+          });
+        default:
+          this.toast({
+            icon: "sparkles",
+            segments: ["In LearnCard, this would run ", { b: action }, "."]
+          });
+          return Promise.resolve({});
       }
-      case "REQUEST_CONSENT": {
-        const redirect = Boolean(payload == null ? void 0 : payload.redirect);
-        this.showConsentBanner(redirect);
-        return Promise.resolve({ granted: true });
+    })();
+    return response.then((result) => {
+      this.captureHandledAction(action, payload);
+      return result;
+    });
+  }
+  /** Tear down injected UI and clear in-memory state. */
+  destroy() {
+    this.destroyed = true;
+    this.cancelIconCapture();
+    for (const entry of this.activeToasts.values()) {
+      if (entry.timeoutId) clearTimeout(entry.timeoutId);
+    }
+    this.activeToasts.clear();
+    for (const timer of this.exitTimers) clearTimeout(timer);
+    this.exitTimers.clear();
+    for (const node of this.domNodes) node.remove();
+    this.domNodes.clear();
+    if (this.stackEl) {
+      this.stackEl.remove();
+      this.stackEl = null;
+    }
+    if (this.styleEl) {
+      this.styleEl.remove();
+      this.styleEl = null;
+    }
+    this.memoryCounters.clear();
+    for (const key of Object.keys(this.memoryManifests)) delete this.memoryManifests[key];
+    for (const key of Object.keys(this.memoryPublishDismissedAt)) {
+      delete this.memoryPublishDismissedAt[key];
+    }
+    for (const key of Object.keys(this.memoryHudCollapsed)) delete this.memoryHudCollapsed[key];
+    this.credentials.length = 0;
+  }
+  getCapturedManifest() {
+    const manifest = this.loadManifest();
+    return manifest ? this.cloneManifest(manifest) : void 0;
+  }
+  getPublishOrigin() {
+    return this.options.publishOrigin;
+  }
+  resetPracticeMode() {
+    if (this.destroyed) return;
+    this.cancelIconCapture();
+    const manifests = this.loadManifestMap();
+    delete manifests[this.getAppFingerprint()];
+    this.replaceMemoryManifestMap(manifests);
+    if (this.options.persist) {
+      try {
+        localStorage.setItem(this.manifestStorageKey(), JSON.stringify(manifests));
+        for (const key of [
+          this.counterStorageKey(),
+          this.publishDismissedStorageKey(),
+          this.appKeyStorageKey()
+        ]) {
+          localStorage.removeItem(key);
+        }
+      } catch {
       }
-      case "LAUNCH_FEATURE": {
-        const featurePath = (_a = payload == null ? void 0 : payload.featurePath) != null ? _a : "";
-        this.toast({
-          icon: "\u{1F680}",
-          segments: featurePath ? ["In LearnCard, this would open ", { b: featurePath }, "."] : ["In LearnCard, this would open a feature screen."]
-        });
-        return Promise.resolve({ launched: true, featurePath });
+    }
+    this.memoryCounters.clear();
+    this.memoryAppKey = void 0;
+    delete this.memoryPublishDismissedAt[this.getAppFingerprint()];
+    this.credentials.length = 0;
+    this.inlineTemplateVersions.clear();
+    this.aiTopic = null;
+    this.publishPromptShown = false;
+    this.confirmingReset = false;
+    for (const [key, entry] of this.activeToasts) {
+      if (entry.node.classList.contains("lc-mock-toast--publish")) this.dismissToast(key);
+    }
+    this.saveHudCollapsed(true);
+    this.updateManifestHud();
+    this.toast({ icon: "sync", segments: ["Started fresh."] });
+  }
+  handleAppEvent(event) {
+    const type = typeof (event == null ? void 0 : event.type) === "string" ? event.type : "";
+    const response = (() => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+      switch (type) {
+        case "send-credential": {
+          if (typeof event.alias === "string" && event.alias && event.template && typeof event.template === "object") {
+            const alias = event.alias;
+            const template = event.template;
+            const templateErrors = validateInlineTemplate(template);
+            if (templateErrors.length > 0) {
+              return Promise.reject(
+                new PartnerConnectError(
+                  "TEMPLATE_INVALID",
+                  templateErrors.map((error) => `${error.path}: ${error.message}`).join("\n")
+                )
+              );
+            }
+            const compiled = compileInlineTemplate(template);
+            const templateData = typeof event.templateData === "object" && event.templateData !== null ? event.templateData : void 0;
+            const dataErrors = validateTemplateData(
+              compiled.variableManifest,
+              templateData
+            );
+            if (dataErrors.length > 0) {
+              return Promise.reject(
+                new PartnerConnectError(
+                  "TEMPLATE_DATA_INVALID",
+                  dataErrors.map((error) => `${error.path}: ${error.message}`).join("\n")
+                )
+              );
+            }
+            const canonicalTemplate = canonicalJsonString(template);
+            const previousState = this.inlineTemplateVersions.get(alias);
+            const templateVersion = previousState ? previousState.canonicalTemplate === canonicalTemplate ? previousState.version : previousState.version + 1 : 1;
+            this.inlineTemplateVersions.set(alias, {
+              canonicalTemplate,
+              version: templateVersion
+            });
+            const boostUri2 = `lc:mock:inline-boost:${alias}`;
+            if (event.preventDuplicateClaim) {
+              const existing = this.selfCredentials().find(
+                (c) => this.matchesTemplate(c, { templateAlias: alias, boostUri: boostUri2 })
+              );
+              if (existing) {
+                this.toast({
+                  icon: "award",
+                  segments: [
+                    "The learner already has ",
+                    { b: existing.name },
+                    "."
+                  ]
+                });
+                return Promise.resolve({
+                  credentialUri: existing.credentialUri,
+                  boostUri: (_a = existing.boostUri) != null ? _a : boostUri2,
+                  alreadyClaimed: true,
+                  hasCredential: true,
+                  status: existing.status,
+                  receivedDate: existing.receivedDate,
+                  templateVersion
+                });
+              }
+            }
+            const renderedCredential = renderCompiledTemplate(
+              compiled.credentialTemplateJson,
+              {
+                ...templateData != null ? templateData : {},
+                issue_date: (/* @__PURE__ */ new Date()).toISOString(),
+                issuer_did: "did:web:mock.learncard.app:app",
+                recipient_did: this.identity.did
+              }
+            );
+            renderedCredential._mock = true;
+            const renderedName = readRenderedCredentialName(renderedCredential);
+            const record2 = this.addCredential({
+              name: renderedName,
+              templateAlias: alias,
+              boostUri: boostUri2,
+              status: "claimed",
+              credential: renderedCredential
+            });
+            this.showClaimToast(renderedName, templateVersion);
+            return Promise.resolve({
+              credentialUri: record2.credentialUri,
+              boostUri: (_b = record2.boostUri) != null ? _b : boostUri2,
+              alreadyClaimed: false,
+              hasCredential: true,
+              status: "claimed",
+              receivedDate: record2.receivedDate,
+              templateVersion
+            });
+          }
+          const name = readAchievementName(event);
+          const templateAlias = typeof event.templateAlias === "string" ? event.templateAlias : void 0;
+          const boostUri = `lc:mock:boost:${String((_c = event.templateAlias) != null ? _c : "template")}`;
+          if (event.preventDuplicateClaim) {
+            const existing = this.selfCredentials().find(
+              (c) => this.matchesTemplate(c, { templateAlias, boostUri })
+            );
+            if (existing) {
+              this.toast({
+                icon: "award",
+                segments: ["The learner already has ", { b: existing.name }, "."]
+              });
+              return Promise.resolve({
+                credentialUri: existing.credentialUri,
+                boostUri: (_d = existing.boostUri) != null ? _d : boostUri,
+                alreadyClaimed: true,
+                hasCredential: true,
+                status: existing.status,
+                receivedDate: existing.receivedDate
+              });
+            }
+          }
+          const record = this.addCredential({
+            name,
+            templateAlias,
+            boostUri,
+            status: "claimed"
+          });
+          this.showClaimToast(name);
+          return Promise.resolve({
+            credentialUri: record.credentialUri,
+            boostUri: (_e = record.boostUri) != null ? _e : boostUri,
+            alreadyClaimed: false,
+            hasCredential: true,
+            status: "claimed",
+            receivedDate: record.receivedDate
+          });
+        }
+        case "check-credential": {
+          const held = this.selfCredentials().find((c) => this.matchesTemplate(c, event));
+          this.toast({
+            icon: "search",
+            segments: held ? ["The learner already has ", { b: held.name }, "."] : ["The learner doesn\u2019t have this credential yet."]
+          });
+          return Promise.resolve(
+            held ? {
+              hasCredential: true,
+              credentialUri: held.credentialUri,
+              receivedDate: held.receivedDate,
+              status: held.status
+            } : { hasCredential: false }
+          );
+        }
+        case "check-issuance-status": {
+          const recipient = typeof event.recipient === "string" ? event.recipient : "";
+          const match = this.credentials.find(
+            (c) => this.matchesTemplate(c, event) && c.recipient === recipient
+          );
+          this.toast({
+            icon: "send",
+            segments: match ? ["Sent to ", { b: recipient }, " \u2014 ", { b: match.status }, "."] : ["Not sent to this person yet."]
+          });
+          return Promise.resolve(
+            match ? {
+              sent: true,
+              credentialUri: match.credentialUri,
+              sentDate: match.sentDate,
+              claimedDate: match.claimedDate,
+              status: match.status
+            } : { sent: false }
+          );
+        }
+        case "get-template-recipients": {
+          const matched = this.credentials.filter((c) => this.matchesTemplate(c, event));
+          const limit = typeof event.limit === "number" && event.limit > 0 ? event.limit : void 0;
+          const parsedCursor = typeof event.cursor === "string" ? Number.parseInt(event.cursor, 10) : 0;
+          const offset = Number.isFinite(parsedCursor) && parsedCursor > 0 ? parsedCursor : 0;
+          const page = limit ? matched.slice(offset, offset + limit) : matched.slice(offset);
+          const nextOffset = offset + page.length;
+          const hasMore = nextOffset < matched.length;
+          this.toast({
+            icon: "users",
+            segments: [
+              "In LearnCard, this lists who received it. ",
+              { b: String(matched.length) },
+              " so far in practice."
+            ]
+          });
+          return Promise.resolve({
+            records: page.map((c) => this.toRecipientRecord(c)),
+            hasMore,
+            ...hasMore ? { cursor: String(nextOffset) } : {},
+            total: matched.length
+          });
+        }
+        case "send-notification": {
+          const title = typeof event.title === "string" ? event.title : "";
+          const body = typeof event.body === "string" ? event.body : "";
+          const text = [title, body].filter(Boolean).join(" \u2014 ");
+          this.toast({
+            icon: "bell",
+            segments: text ? ["The learner would get a notification: ", { b: text }] : ["In LearnCard, the learner would get a notification."]
+          });
+          return Promise.resolve({ sent: true });
+        }
+        case "increment-counter": {
+          const key = String((_f = event.key) != null ? _f : "");
+          const amount = typeof event.amount === "number" ? event.amount : 0;
+          const previous = (_h = (_g = this.readCounter(key)) == null ? void 0 : _g.value) != null ? _h : 0;
+          const next = previous + amount;
+          this.writeCounter(key, next);
+          this.toast({
+            icon: "hash",
+            segments: ["Counter ", { b: key }, " \u2192 ", { b: String(next) }, "."]
+          });
+          return Promise.resolve({ key, previousValue: previous, newValue: next });
+        }
+        case "get-counter": {
+          const key = String((_i = event.key) != null ? _i : "");
+          const stored = this.readCounter(key);
+          const value = (_j = stored == null ? void 0 : stored.value) != null ? _j : 0;
+          this.toast({
+            icon: "hash",
+            segments: ["Counter ", { b: key }, " is ", { b: String(value) }, "."]
+          });
+          return Promise.resolve({
+            key,
+            value,
+            updatedAt: (_k = stored == null ? void 0 : stored.updatedAt) != null ? _k : null
+          });
+        }
+        case "get-counters": {
+          const requested = Array.isArray(event.keys) ? event.keys.map(String) : this.allCounterKeys();
+          const counters = requested.map((key) => {
+            var _a2, _b2;
+            const stored = this.readCounter(key);
+            return {
+              key,
+              value: (_a2 = stored == null ? void 0 : stored.value) != null ? _a2 : 0,
+              updatedAt: (_b2 = stored == null ? void 0 : stored.updatedAt) != null ? _b2 : null
+            };
+          });
+          this.toast({
+            icon: "hash",
+            segments: ["Read ", { b: plural(counters.length, "counter") }, "."]
+          });
+          return Promise.resolve({ counters });
+        }
+        case "send-ai-session-credential": {
+          const sessionTitle = typeof event.sessionTitle === "string" && event.sessionTitle ? event.sessionTitle : "AI session";
+          const sessionBoostUri = this.nextUri("lc:mock:session-boost");
+          const record = this.addCredential({
+            name: sessionTitle,
+            boostUri: sessionBoostUri,
+            status: "claimed"
+          });
+          this.toast({
+            icon: "award",
+            tone: "positive",
+            segments: [
+              "In LearnCard, the learner would keep a record of ",
+              { b: sessionTitle },
+              "."
+            ]
+          });
+          const isNewTopic = this.aiTopic === null;
+          if (!this.aiTopic) {
+            this.aiTopic = {
+              topicUri: this.nextUri("lc:mock:topic"),
+              topicCredentialUri: this.nextUri("lc:mock:topic-credential")
+            };
+          }
+          return Promise.resolve({
+            topicUri: this.aiTopic.topicUri,
+            ...isNewTopic ? { topicCredentialUri: this.aiTopic.topicCredentialUri } : {},
+            sessionCredentialUri: record.credentialUri,
+            sessionBoostUri,
+            isNewTopic
+          });
+        }
+        default:
+          this.toast({
+            icon: "sparkles",
+            segments: ["In LearnCard, this would run ", { b: type }, "."]
+          });
+          return Promise.resolve({});
       }
-      case "ASK_CREDENTIAL_SEARCH": {
-        const held = this.selfCredentials();
-        this.toast({
-          icon: "\u{1F50D}",
-          segments: held.length ? ["The user could share ", { b: String(held.length) }, " credential(s)."] : [
-            "In LearnCard, the user would be asked to share matching credentials. None in mock."
-          ]
-        });
-        return Promise.resolve({
-          verifiablePresentation: {
-            verifiableCredential: held.map((c) => c.credential)
+    })();
+    return response.then((result) => {
+      this.captureHandledAppEvent(type, event);
+      return result;
+    });
+  }
+  captureHandledAction(action, payload) {
+    try {
+      this.updateManifest((draft) => {
+        switch (action) {
+          case "REQUEST_IDENTITY":
+            this.addPermission(draft, "request_identity");
+            break;
+          case "SEND_CREDENTIAL":
+            this.addPermission(draft, "send_credential");
+            break;
+          case "REQUEST_CONSENT": {
+            this.addPermission(draft, "request_consent");
+            const scopes = payload == null ? void 0 : payload.scopes;
+            if (scopes && typeof scopes === "object" && !Array.isArray(scopes)) {
+              this.captureConsentRecord(draft, scopes);
+            }
+            break;
           }
-        });
+          case "LAUNCH_FEATURE": {
+            this.addPermission(draft, "launch_feature");
+            const featurePath = payload == null ? void 0 : payload.featurePath;
+            if (typeof featurePath === "string" && featurePath) {
+              this.addUnique(draft.featuresLaunched, featurePath);
+            }
+            break;
+          }
+          case "ASK_CREDENTIAL_SEARCH":
+            this.addPermission(draft, "credential_search");
+            break;
+          case "ASK_CREDENTIAL_SPECIFIC":
+            this.addPermission(draft, "credential_by_id");
+            break;
+          case "INITIATE_TEMPLATE_ISSUE":
+            this.addPermission(draft, "template_issuance");
+            break;
+          case "REQUEST_LEARNER_CONTEXT":
+            draft.usedLearnerContext = true;
+            break;
+          default:
+            break;
+        }
+      });
+    } catch {
+    }
+  }
+  captureHandledAppEvent(type, event) {
+    try {
+      this.updateManifest((draft) => {
+        var _a, _b;
+        switch (type) {
+          case "send-credential": {
+            this.addPermission(draft, "send_credential");
+            if (typeof event.alias === "string" && event.alias && event.template && typeof event.template === "object") {
+              const version = (_b = (_a = this.inlineTemplateVersions.get(event.alias)) == null ? void 0 : _a.version) != null ? _b : 1;
+              this.captureTemplateRecord(
+                draft,
+                event.alias,
+                event.template,
+                version
+              );
+            }
+            break;
+          }
+          case "send-notification":
+            draft.usedNotifications = true;
+            break;
+          case "increment-counter":
+          case "get-counter": {
+            const key = event.key;
+            if (typeof key === "string" && key) this.addUnique(draft.counterKeys, key);
+            break;
+          }
+          case "get-counters": {
+            if (Array.isArray(event.keys)) {
+              for (const key of event.keys) {
+                if (typeof key === "string" && key) {
+                  this.addUnique(draft.counterKeys, key);
+                }
+              }
+            }
+            break;
+          }
+          default:
+            break;
+        }
+      });
+    } catch {
+    }
+  }
+  updateManifest(mutator) {
+    var _a;
+    const manifest = (_a = this.loadManifest()) != null ? _a : this.createManifestSkeleton();
+    const next = this.cloneManifest(manifest);
+    mutator(next);
+    const now = (/* @__PURE__ */ new Date()).toISOString();
+    next.firstCapturedAt || (next.firstCapturedAt = now);
+    next.lastUpdatedAt = now;
+    this.saveManifest(next);
+    this.updateManifestHud(next);
+    this.refreshPublishPromptLink(next);
+    this.maybeShowPublishPrompt(next);
+    this.captureIcon();
+  }
+  createManifestSkeleton() {
+    const now = (/* @__PURE__ */ new Date()).toISOString();
+    const suggestedName = this.readSuggestedName();
+    const suggestedIconUrl = this.readSuggestedIconUrl();
+    return {
+      manifestVersion: 1,
+      appKey: this.getAppKey(),
+      appUrl: this.readAppOrigin(),
+      ...suggestedName ? { suggestedName } : {},
+      ...suggestedIconUrl ? { suggestedIconUrl } : {},
+      permissions: [],
+      templates: [],
+      consentRequests: [],
+      featuresLaunched: [],
+      counterKeys: [],
+      usedLearnerContext: false,
+      usedNotifications: false,
+      firstCapturedAt: now,
+      lastUpdatedAt: now
+    };
+  }
+  readAppOrigin() {
+    var _a;
+    if (typeof window === "undefined" || !((_a = window.location) == null ? void 0 : _a.origin)) return "";
+    return `${window.location.origin}${window.location.pathname || ""}`;
+  }
+  readSuggestedName() {
+    const title = this.readInitialDocumentTitle();
+    if (!title) return void 0;
+    const trimmedTitle = title.trim();
+    if (!trimmedTitle) return void 0;
+    return trimmedTitle.slice(0, 100);
+  }
+  readInitialDocumentTitle() {
+    var _a;
+    if (this.initialDocumentTitle !== void 0) {
+      return (_a = this.initialDocumentTitle) != null ? _a : void 0;
+    }
+    if (typeof document === "undefined") {
+      this.initialDocumentTitle = null;
+      return void 0;
+    }
+    this.initialDocumentTitle = document.title;
+    return this.initialDocumentTitle || void 0;
+  }
+  getAppFingerprint() {
+    var _a, _b;
+    if (this.appFingerprint) return this.appFingerprint;
+    this.appFingerprint = slugifyAppFingerprint(
+      (_b = (_a = this.options.appId) != null ? _a : this.readInitialDocumentTitle()) != null ? _b : void 0
+    );
+    return this.appFingerprint;
+  }
+  readLegacyManifestFingerprint(manifest) {
+    return slugifyAppFingerprint(manifest.suggestedName);
+  }
+  readSuggestedIconUrl() {
+    return this.iconCandidates().find((url) => /^https?:/.test(url));
+  }
+  appKeyStorageKey() {
+    return `${this.options.namespace}:app-key:${this.getAppFingerprint()}`;
+  }
+  getAppKey() {
+    var _a, _b, _c, _d;
+    if (this.options.appId !== void 0) return this.options.appId;
+    if (this.options.persist) {
+      try {
+        this.memoryAppKey = localStorage.getItem(this.appKeyStorageKey()) || this.memoryAppKey;
+      } catch {
+      }
+    }
+    (_d = this.memoryAppKey) != null ? _d : this.memoryAppKey = (_c = (_b = (_a = globalThis.crypto) == null ? void 0 : _a.randomUUID) == null ? void 0 : _b.call(_a)) != null ? _c : `app-${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;
+    if (this.options.persist) {
+      try {
+        localStorage.setItem(this.appKeyStorageKey(), this.memoryAppKey);
+      } catch {
       }
-      case "ASK_CREDENTIAL_SPECIFIC": {
-        const credentialId = payload == null ? void 0 : payload.credentialId;
-        const found = this.credentials.find((c) => c.credentialUri === credentialId);
-        this.toast({
-          icon: "\u{1F50D}",
-          segments: found ? ["Sharing ", { b: found.name }, "."] : [
-            "In LearnCard, the user would be asked to share a credential. Not found in mock."
-          ]
+    }
+    return this.memoryAppKey;
+  }
+  iconFallback() {
+    return typeof window !== "undefined" ? this.resolveIcon("/favicon.ico", window.location.origin) : void 0;
+  }
+  resolveIcon(href, base) {
+    try {
+      const url = new URL(href, base);
+      return ["http:", "https:", "data:"].includes(url.protocol) ? url.href : void 0;
+    } catch {
+      return void 0;
+    }
+  }
+  iconSize(sizes, type) {
+    if (sizes.toLowerCase().split(/\s+/).includes("any") || type === "image/svg+xml")
+      return Number.MAX_SAFE_INTEGER;
+    return Math.max(
+      0,
+      ...sizes.split(/\s+/).map((size) => {
+        const match = /^(\d+)x(\d+)$/i.exec(size);
+        return match ? Number(match[1]) * Number(match[2]) : 0;
+      })
+    );
+  }
+  iconCandidates() {
+    if (typeof document === "undefined") return [];
+    return Array.from(document.querySelectorAll("link[rel]")).map((link) => {
+      var _a;
+      const rels = link.rel.toLowerCase().split(/\s+/);
+      const priority = rels.includes("mask-icon") ? 0 : rels.some(
+        (rel) => rel === "apple-touch-icon" || rel === "apple-touch-icon-precomposed"
+      ) ? 2 : rels.includes("icon") ? 1 : 0;
+      return {
+        priority,
+        size: this.iconSize((_a = link.getAttribute("sizes")) != null ? _a : "", link.type),
+        url: this.resolveIcon(link.href, document.baseURI)
+      };
+    }).filter((candidate) => candidate.priority > 0 && candidate.url).sort((a, b) => b.priority - a.priority || b.size - a.size).flatMap((candidate) => candidate.url ? [candidate.url] : []);
+  }
+  cancelIconCapture() {
+    this.iconGeneration++;
+    for (const cleanup of this.iconCleanups) cleanup();
+    this.iconCleanups.clear();
+    this.iconSource = void 0;
+  }
+  captureIcon() {
+    var _a;
+    if (this.destroyed || typeof document === "undefined") return;
+    const candidates = this.iconCandidates();
+    const manifestHref = (_a = document.querySelector('link[rel~="manifest"]')) == null ? void 0 : _a.href;
+    const signature = JSON.stringify([candidates, manifestHref]);
+    if (signature === this.iconSource) return;
+    this.cancelIconCapture();
+    this.iconSource = signature;
+    const generation = this.iconGeneration;
+    void (async () => {
+      let source = candidates[0];
+      let url = candidates.find((candidate) => /^https?:/.test(candidate));
+      if ((!source || !url) && manifestHref && new URL(manifestHref).origin === window.location.origin) {
+        const controller = new AbortController();
+        let rejectPending = () => void 0;
+        const timeout = new Promise((_, reject) => {
+          rejectPending = reject;
         });
-        return Promise.resolve({ credential: found == null ? void 0 : found.credential });
+        const cleanup = () => {
+          clearTimeout(timer);
+          controller.abort();
+          rejectPending(new Error("Icon capture cancelled"));
+        };
+        const timer = setTimeout(cleanup, 4e3);
+        this.iconCleanups.add(cleanup);
+        try {
+          const data = await Promise.race([
+            fetch(manifestHref, { signal: controller.signal, redirect: "error" }).then(
+              (response) => {
+                if (!response.ok) return void 0;
+                return response.json();
+              }
+            ),
+            timeout
+          ]);
+          {
+            const icons = data && typeof data === "object" && "icons" in data ? data.icons : void 0;
+            if (Array.isArray(icons)) {
+              const ranked = icons.filter(
+                (icon) => !!icon && typeof icon === "object" && typeof icon.src === "string"
+              ).sort(
+                (a, b) => {
+                  var _a2, _b;
+                  return this.iconSize(
+                    typeof b.sizes === "string" ? b.sizes : "",
+                    (_a2 = b.type) != null ? _a2 : ""
+                  ) - this.iconSize(
+                    typeof a.sizes === "string" ? a.sizes : "",
+                    (_b = a.type) != null ? _b : ""
+                  );
+                }
+              ).flatMap((icon) => {
+                const href = this.resolveIcon(icon.src, manifestHref);
+                return href ? [href] : [];
+              });
+              source != null ? source : source = ranked[0];
+              url != null ? url : url = ranked.find((href) => /^https?:/.test(href));
+            }
+          }
+        } catch {
+        } finally {
+          cleanup();
+          this.iconCleanups.delete(cleanup);
+        }
       }
-      case "INITIATE_TEMPLATE_ISSUE": {
-        const input = payload;
-        const templateId = (_b = input == null ? void 0 : input.templateId) != null ? _b : "";
-        const recipients = Array.isArray(input == null ? void 0 : input.draftRecipients) ? input == null ? void 0 : input.draftRecipients : [];
-        for (const recipient of recipients) {
-          this.addCredential({
-            name: templateId || "Boost",
-            boostUri: templateId,
-            recipient,
-            status: "pending"
-          });
+      if (this.destroyed || generation !== this.iconGeneration) return;
+      const fallback = url ? void 0 : this.iconFallback();
+      url != null ? url : url = fallback;
+      source != null ? source : source = url;
+      const result = source ? await this.rasterizeIcon(source) : void 0;
+      if (this.destroyed || generation !== this.iconGeneration) return;
+      const manifest = this.loadManifest();
+      if (!manifest) return;
+      const isSameOrigin = (href) => href.startsWith(window.location.origin + "/");
+      const broken = (result == null ? void 0 : result.status) !== "loaded" && (url === fallback || !!url && (result == null ? void 0 : result.status) === "failed" && isSameOrigin(url));
+      manifest.suggestedIconUrl = broken ? void 0 : url;
+      manifest.suggestedIconDataUrl = result == null ? void 0 : result.dataUrl;
+      this.saveManifest(manifest);
+      this.updateManifestHud(manifest);
+      this.refreshPublishPromptLink(manifest);
+    })().catch(() => void 0);
+  }
+  rasterizeIcon(source) {
+    return new Promise((resolve) => {
+      const image = new Image();
+      const finish = (status, dataUrl) => {
+        clearTimeout(timer);
+        image.onload = null;
+        image.onerror = null;
+        this.iconCleanups.delete(cancel);
+        resolve({ status, dataUrl });
+      };
+      const cancel = () => {
+        finish("timeout");
+        image.removeAttribute("src");
+      };
+      const timer = setTimeout(cancel, 4e3);
+      this.iconCleanups.add(cancel);
+      image.onerror = () => finish("failed");
+      image.onload = () => {
+        try {
+          if (!image.naturalWidth || !image.naturalHeight) return finish("failed");
+          const canvas = document.createElement("canvas");
+          for (const size of [128, 96, 64]) {
+            canvas.width = canvas.height = size;
+            const context = canvas.getContext("2d");
+            if (!context) break;
+            const ratio = size / Math.max(image.naturalWidth, image.naturalHeight);
+            const width = image.naturalWidth * ratio;
+            const height = image.naturalHeight * ratio;
+            context.drawImage(
+              image,
+              (size - width) / 2,
+              (size - height) / 2,
+              width,
+              height
+            );
+            const data = canvas.toDataURL("image/webp", 0.85);
+            if (data.startsWith("data:image/") && data.length <= 3e3)
+              return finish("loaded", data);
+          }
+        } catch {
         }
-        this.toast({
-          icon: "\u{1F4E4}",
-          segments: recipients.length ? [
-            "This would issue to ",
-            { b: String(recipients.length) },
-            " recipient(s)."
-          ] : ["In LearnCard, this would open the Send Boost flow."]
-        });
-        return Promise.resolve({ issued: true });
+        finish("loaded");
+      };
+      if (/^https?:/.test(source) && new URL(source).origin !== window.location.origin)
+        image.crossOrigin = "anonymous";
+      image.src = source;
+    });
+  }
+  manifestStorageKey() {
+    return `${this.options.namespace}:manifests`;
+  }
+  legacyManifestStorageKey() {
+    return `${this.options.namespace}:manifest`;
+  }
+  publishDismissedStorageKey() {
+    return `${this.options.namespace}:publish-dismissed-at:${this.getAppFingerprint()}`;
+  }
+  hudCollapsedStorageKey() {
+    return `${this.options.namespace}:manifest-hud-collapsed:${this.getAppFingerprint()}`;
+  }
+  loadManifestMap() {
+    if (this.options.persist && typeof localStorage !== "undefined") {
+      try {
+        const rawMap = localStorage.getItem(this.manifestStorageKey());
+        const rawLegacy = localStorage.getItem(this.legacyManifestStorageKey());
+        if (!rawMap && !rawLegacy && Object.keys(this.memoryManifests).length > 0) {
+          return this.cloneManifestMap(this.memoryManifests);
+        }
+        const manifests = rawMap ? this.parseManifestMap(rawMap) : {};
+        if (rawLegacy) {
+          try {
+            const legacyManifest = JSON.parse(rawLegacy);
+            manifests[this.readLegacyManifestFingerprint(legacyManifest)] = this.cloneManifest(legacyManifest);
+            localStorage.setItem(this.manifestStorageKey(), JSON.stringify(manifests));
+            localStorage.removeItem(this.legacyManifestStorageKey());
+          } catch {
+          }
+        }
+        this.replaceMemoryManifestMap(manifests);
+        return this.cloneManifestMap(manifests);
+      } catch {
       }
-      case "REQUEST_LEARNER_CONTEXT": {
-        const opts = payload != null ? payload : {};
-        const includeCredentials = opts.includeCredentials !== false;
-        const structured = opts.format === "structured";
-        const held = includeCredentials ? this.selfCredentials() : [];
-        this.toast({
-          icon: "\u{1F9E0}",
-          segments: !includeCredentials ? ["Learner profile requested with credentials excluded."] : held.length ? ["Learner profile: ", { b: String(held.length) }, " credential(s)."] : ["In LearnCard, the user's learner profile would load. Empty in mock."]
-        });
-        const prompt = !includeCredentials ? "Mock learner context: credentials were not requested." : held.length ? `Mock learner context. Credentials held: ${held.map((c) => c.name).join(", ")}.` : "Mock learner context: this user has no credentials in standalone mode.";
-        return Promise.resolve({
-          status: "ready",
-          prompt,
-          did: this.identity.did,
-          // Matches the real host: `raw` only ships for format: 'structured'.
-          ...structured ? { raw: { credentials: held.map((c) => c.credential) } } : {}
-        });
+    }
+    return this.cloneManifestMap(this.memoryManifests);
+  }
+  parseManifestMap(raw) {
+    const parsed = JSON.parse(raw);
+    if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) return {};
+    const manifests = {};
+    for (const [fingerprint, manifest] of Object.entries(parsed)) {
+      if (!manifest || typeof manifest !== "object" || Array.isArray(manifest)) continue;
+      manifests[fingerprint] = this.cloneManifest(manifest);
+    }
+    return manifests;
+  }
+  cloneManifestMap(manifests) {
+    const clone = {};
+    for (const [fingerprint, manifest] of Object.entries(manifests)) {
+      clone[fingerprint] = this.cloneManifest(manifest);
+    }
+    return clone;
+  }
+  replaceMemoryManifestMap(manifests) {
+    for (const key of Object.keys(this.memoryManifests)) delete this.memoryManifests[key];
+    for (const [key, manifest] of Object.entries(manifests)) {
+      this.memoryManifests[key] = this.cloneManifest(manifest);
+    }
+  }
+  loadManifest() {
+    const manifests = this.loadManifestMap();
+    const manifest = manifests[this.getAppFingerprint()];
+    if (manifest && (!manifest.appKey || this.options.appId !== void 0 && manifest.appKey !== this.options.appId)) {
+      manifest.appKey = this.getAppKey();
+      this.saveManifest(manifest);
+    }
+    return manifest ? this.cloneManifest(manifest) : void 0;
+  }
+  saveManifest(manifest) {
+    const manifests = this.loadManifestMap();
+    manifests[this.getAppFingerprint()] = this.cloneManifest(manifest);
+    if (this.options.persist && typeof localStorage !== "undefined") {
+      try {
+        localStorage.setItem(this.manifestStorageKey(), JSON.stringify(manifests));
+        this.replaceMemoryManifestMap(manifests);
+        return;
+      } catch {
       }
-      case "GET_SYNC_STATUS":
-        this.toast({
-          icon: "\u{1F504}",
-          segments: [
-            "In LearnCard, this reports data sync progress. Mock reports ready."
-          ]
-        });
-        return Promise.resolve({
-          status: "ready",
-          progress: {
-            totalCredentials: 0,
-            completedCredentials: 0,
-            failedCredentials: 0,
-            retryCount: 0
-          }
-        });
-      default:
-        this.toast({
-          icon: "\u2728",
-          segments: ["In LearnCard, this would run ", { b: action }, "."]
-        });
-        return Promise.resolve({});
     }
+    this.replaceMemoryManifestMap(manifests);
+  }
+  loadPublishDismissedAt() {
+    if (this.options.persist && typeof localStorage !== "undefined") {
+      try {
+        const raw = localStorage.getItem(this.publishDismissedStorageKey());
+        if (raw) return raw;
+      } catch {
+      }
+    }
+    return this.memoryPublishDismissedAt[this.getAppFingerprint()];
+  }
+  savePublishDismissedAt(value) {
+    if (this.options.persist && typeof localStorage !== "undefined") {
+      try {
+        localStorage.setItem(this.publishDismissedStorageKey(), value);
+        this.memoryPublishDismissedAt[this.getAppFingerprint()] = value;
+        return;
+      } catch {
+      }
+    }
+    this.memoryPublishDismissedAt[this.getAppFingerprint()] = value;
+  }
+  loadHudCollapsed() {
+    if (this.options.persist && typeof localStorage !== "undefined") {
+      try {
+        const raw2 = localStorage.getItem(this.hudCollapsedStorageKey());
+        if (raw2 === "true") return true;
+        if (raw2 === "false") return false;
+      } catch {
+      }
+    }
+    const raw = this.memoryHudCollapsed[this.getAppFingerprint()];
+    if (raw === "true") return true;
+    if (raw === "false") return false;
+    return true;
+  }
+  saveHudCollapsed(value) {
+    const serialized = value ? "true" : "false";
+    if (this.options.persist && typeof localStorage !== "undefined") {
+      try {
+        localStorage.setItem(this.hudCollapsedStorageKey(), serialized);
+        this.memoryHudCollapsed[this.getAppFingerprint()] = serialized;
+        return;
+      } catch {
+      }
+    }
+    this.memoryHudCollapsed[this.getAppFingerprint()] = serialized;
+  }
+  addPermission(manifest, permission) {
+    this.addUnique(manifest.permissions, permission);
+  }
+  addUnique(values, value) {
+    if (!values.includes(value)) values.push(value);
+  }
+  captureTemplateRecord(manifest, alias, template, version) {
+    const now = (/* @__PURE__ */ new Date()).toISOString();
+    const existingIndex = manifest.templates.findIndex((record) => record.alias === alias);
+    const nextRecord = {
+      alias,
+      template,
+      version,
+      lastUsedAt: now
+    };
+    if (existingIndex >= 0) {
+      manifest.templates[existingIndex] = nextRecord;
+      return;
+    }
+    manifest.templates.push(nextRecord);
+  }
+  captureConsentRecord(manifest, scopes) {
+    const normalized = normalizeConsentRequest(scopes);
+    const key = canonicalConsentScopeString(normalized);
+    const now = (/* @__PURE__ */ new Date()).toISOString();
+    const existing = manifest.consentRequests.find(
+      (record) => canonicalConsentScopeString(record.scopes) === key
+    );
+    if (existing) {
+      existing.lastUsedAt = now;
+      if (!existing.reason && typeof scopes.reason === "string" && scopes.reason) {
+        existing.reason = scopes.reason;
+      }
+      return;
+    }
+    const nextRecord = {
+      scopes: normalized,
+      ...typeof scopes.reason === "string" && scopes.reason ? { reason: scopes.reason } : {},
+      lastUsedAt: now
+    };
+    manifest.consentRequests.push(nextRecord);
+  }
+  cloneManifest(manifest) {
+    return JSON.parse(JSON.stringify(manifest));
+  }
+  isManifestPublishable(manifest) {
+    return manifest.templates.length >= 1 || manifest.permissions.length >= 2;
+  }
+  /**
+   * True when publish links would point at production LearnCard from a
+   * machine that is almost certainly running LearnCard locally — the one
+   * case where the developer probably wants the override.
+   */
+  shouldHintLocalPublishOverride() {
+    var _a;
+    if (this.context.publishOriginPinned) return false;
+    if (this.options.publishOrigin !== DEFAULT_PUBLISH_ORIGIN$1) return false;
+    if (typeof window === "undefined") return false;
+    const hostname = (_a = window.location) == null ? void 0 : _a.hostname;
+    return hostname === "localhost" || hostname === "127.0.0.1";
+  }
+  getPublishUrl(manifest = this.loadManifest()) {
+    if (!manifest) return void 0;
+    const prefix = `${this.options.publishOrigin}/app-store/developer/submit?manifest=`;
+    const url = prefix + encodeManifestForUrl(manifest);
+    if (url.length <= 7e3) return url;
+    const compact = { ...manifest };
+    delete compact.suggestedIconDataUrl;
+    return prefix + encodeManifestForUrl(compact);
+  }
+  maybeShowPublishPrompt(manifest) {
+    if (!this.options.publishPrompt || !this.options.ui || !hasDocument()) return;
+    if (this.publishPromptShown || !this.isManifestPublishable(manifest)) return;
+    const dismissedAt = this.loadPublishDismissedAt();
+    if (dismissedAt) {
+      const dismissedMs = Date.parse(dismissedAt);
+      if (Number.isFinite(dismissedMs) && Date.now() - dismissedMs < PUBLISH_DISMISS_TTL_MS) {
+        return;
+      }
+    }
+    this.publishPromptShown = true;
+    this.toast({
+      icon: "publish",
+      tone: "publish",
+      persistent: true,
+      dismissible: true,
+      title: "Ready to publish",
+      action: {
+        label: "Publish to LearnCard",
+        href: this.getPublishUrl(manifest)
+      },
+      segments: [
+        "Your app works with LearnCard. Put it in front of learners in a few steps."
+      ]
+    });
+  }
+  refreshPublishPromptLink(manifest) {
+    var _a;
+    const link = (_a = this.stackEl) == null ? void 0 : _a.querySelector(
+      ".lc-mock-toast--publish .lc-mock-action"
+    );
+    if (link) link.href = this.getPublishUrl(manifest);
+  }
+  describeFeatures(manifest) {
+    const features = [];
+    for (const permission of manifest.permissions) {
+      const known = PERMISSION_FEATURES[permission];
+      const feature = known ? { ...known } : { icon: "sparkles", label: permission.replace(/_/g, " ") };
+      if (permission === "send_credential" && manifest.templates.length > 0) {
+        feature.detail = manifest.templates.map(readableTemplateName).join(", ");
+      }
+      if (permission === "request_consent") {
+        if (needsConsentSetup(manifest)) {
+          feature.detail = "Not set up yet";
+          feature.needsSetup = true;
+        } else {
+          feature.detail = this.formatConsentSummary(manifest);
+        }
+      }
+      if (permission === "launch_feature" && manifest.featuresLaunched.length > 0) {
+        feature.detail = Array.from(
+          new Set(manifest.featuresLaunched.map(readablePath))
+        ).join(", ");
+      }
+      features.push(feature);
+    }
+    if (manifest.templates.length > 0 && !manifest.permissions.includes("send_credential")) {
+      features.push({
+        icon: "award",
+        label: "Award credentials",
+        detail: manifest.templates.map(readableTemplateName).join(", ")
+      });
+    }
+    if (manifest.usedLearnerContext) {
+      features.push({ icon: "sparkles", label: "Personalize with the learner\u2019s profile" });
+    }
+    if (manifest.usedNotifications) {
+      features.push({ icon: "bell", label: "Send notifications" });
+    }
+    if (manifest.counterKeys.length > 0) {
+      features.push({
+        icon: "hash",
+        label: "Track progress",
+        detail: manifest.counterKeys.join(", ")
+      });
+    }
+    return features;
+  }
+  formatConsentSummary(manifest) {
+    if (manifest.consentRequests.length === 0) return void 0;
+    const readCategories = /* @__PURE__ */ new Set();
+    const personalFields = /* @__PURE__ */ new Set();
+    const writeCategories = /* @__PURE__ */ new Set();
+    for (const request of manifest.consentRequests) {
+      request.scopes.read.credentialCategories.forEach(
+        (category) => readCategories.add(category)
+      );
+      request.scopes.read.personalFields.forEach((field) => personalFields.add(field));
+      request.scopes.write.credentialCategories.forEach(
+        (category) => writeCategories.add(category)
+      );
+    }
+    const parts = [];
+    if (readCategories.size > 0) parts.push(`See ${[...readCategories].join(", ")}`);
+    if (personalFields.size > 0) parts.push(`See ${[...personalFields].join(", ")}`);
+    if (writeCategories.size > 0) parts.push(`Add ${[...writeCategories].join(", ")}`);
+    return parts.join(" \xB7 ") || void 0;
+  }
+  copyText(text) {
+    var _a;
+    if (typeof navigator !== "undefined" && ((_a = navigator.clipboard) == null ? void 0 : _a.writeText)) {
+      navigator.clipboard.writeText(text).catch(() => void 0);
+      return;
+    }
+    if (!hasDocument() || !document.body) return;
+    const input = document.createElement("textarea");
+    input.value = text;
+    input.setAttribute("readonly", "true");
+    Object.assign(input.style, {
+      position: "fixed",
+      opacity: "0",
+      pointerEvents: "none"
+    });
+    document.body.appendChild(input);
+    input.select();
+    try {
+      document.execCommand("copy");
+    } catch {
+    }
+    input.remove();
   }
-  /** Tear down injected UI and clear in-memory state. */
-  destroy() {
-    this.destroyed = true;
-    for (const entry of this.activeToasts.values()) clearTimeout(entry.timeoutId);
-    this.activeToasts.clear();
-    for (const timer of this.exitTimers) clearTimeout(timer);
-    this.exitTimers.clear();
-    for (const node of this.domNodes) node.remove();
-    this.domNodes.clear();
-    if (this.stackEl) {
-      this.stackEl.remove();
-      this.stackEl = null;
+  warnIfFingerprintCollides() {
+    const manifest = this.loadManifest();
+    const currentAppUrl = this.readAppOrigin();
+    if (!manifest || !currentAppUrl || manifest.appUrl === currentAppUrl) return;
+    console.warn(
+      `${MOCK_PREFIX} Existing manifest state for fingerprint "${this.getAppFingerprint()}" belongs to ${manifest.appUrl}, but this page is ${currentAppUrl}. Two apps may be sharing mock state. Pass mockOptions.appId to isolate them.`
+    );
+  }
+  updateManifestHud(manifest) {
+    if (!this.options.ui || !hasDocument() || !document.body) return;
+    const currentManifest = manifest != null ? manifest : this.loadManifest();
+    if (!currentManifest) {
+      if (this.hudEl) this.hudEl.style.display = "none";
+      return;
     }
-    if (this.styleEl) {
-      this.styleEl.remove();
-      this.styleEl = null;
+    this.ensureStyles();
+    if (!this.hudEl || !document.body.contains(this.hudEl)) {
+      const hud2 = createEl("div", "lc-mock-hud");
+      hud2.setAttribute("role", "region");
+      hud2.setAttribute("aria-label", "LearnCard practice mode");
+      document.body.appendChild(hud2);
+      this.domNodes.add(hud2);
+      this.hudEl = hud2;
+      this.hudAnimateNext = true;
     }
-    this.memoryCounters.clear();
-    this.credentials.length = 0;
+    const hud = this.hudEl;
+    hud.style.display = "";
+    hud.replaceChildren(
+      this.confirmingReset ? this.renderResetConfirmation() : this.loadHudCollapsed() ? this.renderHudPill(currentManifest) : this.renderHudCard(currentManifest)
+    );
+    hud.classList.toggle("lc-mock-animate", this.hudAnimateNext);
+    this.hudAnimateNext = false;
   }
-  handleAppEvent(event) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-    const type = typeof (event == null ? void 0 : event.type) === "string" ? event.type : "";
-    switch (type) {
-      case "send-credential": {
-        const name = readAchievementName(event);
-        const templateAlias = typeof event.templateAlias === "string" ? event.templateAlias : void 0;
-        const boostUri = `lc:mock:boost:${String((_a = event.templateAlias) != null ? _a : "template")}`;
-        if (event.preventDuplicateClaim) {
-          const existing = this.selfCredentials().find(
-            (c) => this.matchesTemplate(c, { templateAlias, boostUri })
-          );
-          if (existing) {
-            this.toast({
-              icon: "\u2705",
-              segments: ["The user already has ", { b: existing.name }, "."]
-            });
-            return Promise.resolve({
-              credentialUri: existing.credentialUri,
-              boostUri: (_b = existing.boostUri) != null ? _b : boostUri,
-              alreadyClaimed: true,
-              hasCredential: true,
-              status: existing.status,
-              receivedDate: existing.receivedDate
-            });
-          }
-        }
-        const record = this.addCredential({
-          name,
-          templateAlias,
-          boostUri,
-          status: "claimed"
-        });
-        this.showClaimToast(name);
-        return Promise.resolve({
-          credentialUri: record.credentialUri,
-          boostUri: (_c = record.boostUri) != null ? _c : boostUri,
-          alreadyClaimed: false,
-          hasCredential: true,
-          status: "claimed",
-          receivedDate: record.receivedDate
-        });
-      }
-      case "check-credential": {
-        const held = this.selfCredentials().find((c) => this.matchesTemplate(c, event));
-        this.toast({
-          icon: "\u{1F50E}",
-          segments: held ? ["The user already has ", { b: held.name }, "."] : ["Mock: the user doesn't have this credential yet."]
-        });
-        return Promise.resolve(
-          held ? {
-            hasCredential: true,
-            credentialUri: held.credentialUri,
-            receivedDate: held.receivedDate,
-            status: held.status
-          } : { hasCredential: false }
-        );
-      }
-      case "check-issuance-status": {
-        const recipient = typeof event.recipient === "string" ? event.recipient : "";
-        const match = this.credentials.find(
-          (c) => this.matchesTemplate(c, event) && c.recipient === recipient
-        );
-        this.toast({
-          icon: "\u{1F50E}",
-          segments: match ? ["Issued to ", { b: recipient }, " \u2014 ", { b: match.status }, "."] : ["Mock: not sent to this recipient yet."]
-        });
-        return Promise.resolve(
-          match ? {
-            sent: true,
-            credentialUri: match.credentialUri,
-            sentDate: match.sentDate,
-            claimedDate: match.claimedDate,
-            status: match.status
-          } : { sent: false }
+  setHudCollapsed(collapsed, manifest) {
+    var _a;
+    this.saveHudCollapsed(collapsed);
+    this.hudAnimateNext = true;
+    this.updateManifestHud(manifest);
+    const focusTarget = (_a = this.hudEl) == null ? void 0 : _a.querySelector(
+      collapsed ? ".lc-mock-hud-pill" : ".lc-mock-hud-minimize"
+    );
+    focusTarget == null ? void 0 : focusTarget.focus({ preventScroll: true });
+  }
+  renderHudPill(manifest) {
+    const count = this.describeFeatures(manifest).length;
+    const pill = createEl("button", "lc-mock-hud-pill lc-mock-glass");
+    pill.type = "button";
+    pill.setAttribute("aria-expanded", "false");
+    pill.setAttribute(
+      "aria-label",
+      `LearnCard practice mode. Your app uses ${plural(count, "feature")}. Show details.`
+    );
+    const mark = createEl("span", "lc-mock-hud-mark");
+    mark.appendChild(createIcon("mark"));
+    const label = createEl("span", "lc-mock-hud-pill-label", "Practice mode");
+    const badge = createEl("span", "lc-mock-hud-badge", String(count));
+    pill.append(mark, createEl("span", "lc-mock-dot"), label, badge);
+    pill.addEventListener("click", () => this.setHudCollapsed(false, manifest));
+    return pill;
+  }
+  renderHudCard(manifest) {
+    const card = createEl("div", "lc-mock-hud-card lc-mock-glass");
+    const header = createEl("div", "lc-mock-hud-header");
+    const mark = createEl("span", "lc-mock-hud-mark lc-mock-hud-mark--lg");
+    mark.appendChild(createIcon("mark"));
+    const heading = createEl("div", "lc-mock-hud-heading");
+    const title = createEl("div", "lc-mock-hud-title");
+    title.append(createEl("span", void 0, "Practice mode"), createEl("span", "lc-mock-dot"));
+    heading.append(
+      title,
+      createEl("div", "lc-mock-hud-subtitle", "LearnCard actions are simulated here.")
+    );
+    const minimize = createEl("button", "lc-mock-hud-minimize");
+    minimize.type = "button";
+    minimize.setAttribute("aria-label", "Minimize");
+    minimize.setAttribute("aria-expanded", "true");
+    minimize.title = "Minimize";
+    minimize.appendChild(createIcon("chevronDown"));
+    minimize.addEventListener("click", () => this.setHudCollapsed(true, manifest));
+    header.append(mark, heading, minimize);
+    card.appendChild(header);
+    card.appendChild(this.renderHudApp(manifest));
+    const features = this.describeFeatures(manifest);
+    card.appendChild(
+      createEl(
+        "div",
+        "lc-mock-hud-section",
+        features.length > 0 ? "What your app uses" : "Nothing yet"
+      )
+    );
+    const list = createEl("ul", "lc-mock-hud-group lc-mock-hud-list");
+    if (features.length === 0) {
+      list.appendChild(
+        createEl(
+          "li",
+          "lc-mock-hud-empty",
+          "Use a LearnCard feature in your app and it will show up here."
+        )
+      );
+    }
+    for (const feature of features) {
+      const row = createEl("li", "lc-mock-hud-row");
+      const glyph = createEl("span", "lc-mock-hud-glyph");
+      glyph.appendChild(createIcon(feature.icon));
+      const text = createEl("div", "lc-mock-hud-row-text");
+      text.appendChild(createEl("div", "lc-mock-hud-row-label", feature.label));
+      if (feature.detail) {
+        const detail = createEl(
+          "div",
+          `lc-mock-hud-row-detail${feature.needsSetup ? " is-setup" : ""}`,
+          feature.detail
         );
+        detail.title = feature.needsSetup ? "You can choose what to ask for when you publish." : feature.detail;
+        text.appendChild(detail);
       }
-      case "get-template-recipients": {
-        const matched = this.credentials.filter((c) => this.matchesTemplate(c, event));
-        const limit = typeof event.limit === "number" && event.limit > 0 ? event.limit : void 0;
-        const parsedCursor = typeof event.cursor === "string" ? Number.parseInt(event.cursor, 10) : 0;
-        const offset = Number.isFinite(parsedCursor) && parsedCursor > 0 ? parsedCursor : 0;
-        const page = limit ? matched.slice(offset, offset + limit) : matched.slice(offset);
-        const nextOffset = offset + page.length;
-        const hasMore = nextOffset < matched.length;
-        this.toast({
-          icon: "\u{1F465}",
-          segments: [
-            "In LearnCard, this lists recipients. ",
-            { b: String(matched.length) },
-            " in mock."
-          ]
-        });
-        return Promise.resolve({
-          records: page.map((c) => this.toRecipientRecord(c)),
-          hasMore,
-          ...hasMore ? { cursor: String(nextOffset) } : {},
-          total: matched.length
-        });
-      }
-      case "send-notification": {
-        const title = typeof event.title === "string" ? event.title : "";
-        const body = typeof event.body === "string" ? event.body : "";
-        const text = [title, body].filter(Boolean).join(" \u2014 ");
-        this.toast({
-          icon: "\u{1F514}",
-          segments: text ? ["The user would be notified: ", { b: text }] : ["In LearnCard, the user would receive a notification."]
-        });
-        return Promise.resolve({ sent: true });
-      }
-      case "increment-counter": {
-        const key = String((_d = event.key) != null ? _d : "");
-        const amount = typeof event.amount === "number" ? event.amount : 0;
-        const previous = (_f = (_e = this.readCounter(key)) == null ? void 0 : _e.value) != null ? _f : 0;
-        const next = previous + amount;
-        this.writeCounter(key, next);
-        this.toast({
-          icon: "\u{1F522}",
-          segments: ["Counter ", { b: key }, " \u2192 ", { b: String(next) }, "."]
-        });
-        return Promise.resolve({ key, previousValue: previous, newValue: next });
-      }
-      case "get-counter": {
-        const key = String((_g = event.key) != null ? _g : "");
-        const stored = this.readCounter(key);
-        const value = (_h = stored == null ? void 0 : stored.value) != null ? _h : 0;
-        this.toast({
-          icon: "\u{1F522}",
-          segments: ["Counter ", { b: key }, " is ", { b: String(value) }, "."]
-        });
-        return Promise.resolve({
-          key,
-          value,
-          updatedAt: (_i = stored == null ? void 0 : stored.updatedAt) != null ? _i : null
-        });
-      }
-      case "get-counters": {
-        const requested = Array.isArray(event.keys) ? event.keys.map(String) : this.allCounterKeys();
-        const counters = requested.map((key) => {
-          var _a2, _b2;
-          const stored = this.readCounter(key);
-          return { key, value: (_a2 = stored == null ? void 0 : stored.value) != null ? _a2 : 0, updatedAt: (_b2 = stored == null ? void 0 : stored.updatedAt) != null ? _b2 : null };
-        });
-        this.toast({
-          icon: "\u{1F522}",
-          segments: ["Read ", { b: String(counters.length) }, " counter(s)."]
-        });
-        return Promise.resolve({ counters });
-      }
-      case "send-ai-session-credential": {
-        const sessionTitle = typeof event.sessionTitle === "string" && event.sessionTitle ? event.sessionTitle : "AI session";
-        const sessionBoostUri = this.nextUri("lc:mock:session-boost");
-        const record = this.addCredential({
-          name: sessionTitle,
-          boostUri: sessionBoostUri,
-          status: "claimed"
-        });
-        this.toast({
-          icon: "\u2705",
-          segments: [
-            "In LearnCard, an AI session credential would be saved: ",
-            { b: sessionTitle }
-          ]
-        });
-        const isNewTopic = this.aiTopic === null;
-        if (!this.aiTopic) {
-          this.aiTopic = {
-            topicUri: this.nextUri("lc:mock:topic"),
-            topicCredentialUri: this.nextUri("lc:mock:topic-credential")
-          };
-        }
-        return Promise.resolve({
-          topicUri: this.aiTopic.topicUri,
-          ...isNewTopic ? { topicCredentialUri: this.aiTopic.topicCredentialUri } : {},
-          sessionCredentialUri: record.credentialUri,
-          sessionBoostUri,
-          isNewTopic
-        });
+      const status = createEl(
+        "span",
+        feature.needsSetup ? "lc-mock-hud-setup-dot" : "lc-mock-hud-check"
+      );
+      if (feature.needsSetup) status.setAttribute("aria-label", "Needs setup");
+      else status.appendChild(createIcon("check"));
+      row.append(glyph, text, status);
+      list.appendChild(row);
+    }
+    card.appendChild(list);
+    card.appendChild(this.renderHudFooter(manifest));
+    const reset = createEl("button", "lc-mock-hud-reset", "Start over");
+    reset.type = "button";
+    reset.addEventListener("click", () => {
+      var _a, _b;
+      this.confirmingReset = true;
+      this.updateManifestHud();
+      (_b = (_a = this.hudEl) == null ? void 0 : _a.querySelector(".lc-mock-hud-reset-cancel")) == null ? void 0 : _b.focus();
+    });
+    card.appendChild(reset);
+    if (this.shouldHintLocalPublishOverride()) {
+      const hint = createEl("div", "lc-mock-hud-publish-hint", "Local LearnCard? Add ");
+      hint.appendChild(
+        createEl("code", void 0, "?lc_publish_override=http://localhost:3000")
+      );
+      card.appendChild(hint);
+    }
+    return card;
+  }
+  renderResetConfirmation() {
+    const card = createEl("div", "lc-mock-hud-card lc-mock-glass");
+    const body = createEl("div", "lc-mock-hud-confirm");
+    body.append(
+      createEl("div", "lc-mock-hud-title", "Start over with this app?"),
+      createEl(
+        "p",
+        void 0,
+        "This clears what LearnCard recorded here \u2014 features, practice credentials, and counters. Your code isn't touched, and nothing already in LearnCard changes."
+      )
+    );
+    const actions = createEl("div", "lc-mock-hud-confirm-actions");
+    const cancel = createEl("button", "lc-mock-hud-reset-cancel", "Cancel");
+    const confirm = createEl("button", "lc-mock-hud-reset-confirm", "Start Over");
+    cancel.type = confirm.type = "button";
+    const restore = () => {
+      var _a, _b;
+      this.confirmingReset = false;
+      this.updateManifestHud();
+      (_b = (_a = this.hudEl) == null ? void 0 : _a.querySelector(".lc-mock-hud-reset")) == null ? void 0 : _b.focus();
+    };
+    cancel.addEventListener("click", restore);
+    card.addEventListener("keydown", (event) => {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        restore();
       }
-      default:
-        this.toast({
-          icon: "\u2728",
-          segments: ["In LearnCard, this would run ", { b: type }, "."]
-        });
-        return Promise.resolve({});
+    });
+    confirm.addEventListener("click", () => this.resetPracticeMode());
+    actions.append(cancel, confirm);
+    body.appendChild(actions);
+    card.appendChild(body);
+    return card;
+  }
+  renderHudApp(manifest) {
+    var _a;
+    const app = createEl("div", "lc-mock-hud-group lc-mock-hud-app");
+    const name = manifest.suggestedName || "Untitled app";
+    const avatar = createEl("span", "lc-mock-hud-avatar");
+    const initial = name.trim().charAt(0).toUpperCase() || "A";
+    const icon = (_a = manifest.suggestedIconDataUrl) != null ? _a : manifest.suggestedIconUrl;
+    if (icon) {
+      const img = createEl("img");
+      img.alt = "";
+      img.src = icon;
+      img.addEventListener("error", () => {
+        img.remove();
+        avatar.textContent = initial;
+      });
+      avatar.appendChild(img);
+    } else {
+      avatar.textContent = initial;
     }
+    const text = createEl("div", "lc-mock-hud-row-text");
+    text.appendChild(createEl("div", "lc-mock-hud-app-name", name));
+    const host = readHost(manifest.appUrl);
+    if (host) text.appendChild(createEl("div", "lc-mock-hud-row-detail", host));
+    app.append(avatar, text);
+    return app;
+  }
+  renderHudFooter(manifest) {
+    const publishUrl = this.getPublishUrl(manifest);
+    const footer = createEl("div", "lc-mock-hud-footer");
+    const publish = createEl("a", "lc-mock-hud-publish");
+    publish.href = publishUrl;
+    publish.target = "_blank";
+    publish.rel = "noopener";
+    publish.append(createEl("span", void 0, "Publish app"), createIcon("open"));
+    const copy = createEl("button", "lc-mock-hud-copy");
+    copy.type = "button";
+    copy.title = "Copy publish link";
+    copy.setAttribute("aria-label", "Copy publish link");
+    copy.appendChild(createIcon("copy"));
+    copy.addEventListener("click", () => {
+      this.copyText(publishUrl);
+      copy.classList.add("is-copied");
+      copy.replaceChildren(createIcon("check"));
+      copy.title = "Link copied";
+      copy.setAttribute("aria-label", "Link copied");
+      const reset = setTimeout(() => {
+        this.exitTimers.delete(reset);
+        copy.classList.remove("is-copied");
+        copy.replaceChildren(createIcon("copy"));
+        copy.title = "Copy publish link";
+        copy.setAttribute("aria-label", "Copy publish link");
+      }, 1800);
+      this.exitTimers.add(reset);
+    });
+    footer.append(publish, copy);
+    return footer;
   }
   nextUri(prefix) {
     this.idSeq += 1;
@@ -505,7 +2995,7 @@ class MockHost {
     };
   }
   counterStorageKey() {
-    return `${this.options.namespace}:counters`;
+    return `${this.options.namespace}:counters:${this.getAppFingerprint()}`;
   }
   loadCounters() {
     if (this.options.persist && typeof localStorage !== "undefined") {
@@ -549,24 +3039,45 @@ class MockHost {
     console.log(`${MOCK_PREFIX} ${action}`, payload != null ? payload : "");
   }
   announce() {
+    this.warnIfFingerprintCollides();
+    this.updateManifestHud();
     if (!this.options.log) return;
     console.log(
       `${MOCK_PREFIX} Standalone mock mode is active. The SDK is simulating the LearnCard host locally. When embedded in a real host, these calls run against it unchanged.`
     );
   }
-  showClaimToast(credentialName) {
+  showClaimToast(credentialName, templateVersion) {
+    const versionSuffix = typeof templateVersion === "number" && templateVersion > 1 ? ` Template updated to v${templateVersion}.` : "";
     this.toast({
-      icon: "\u2705",
+      icon: "award",
+      tone: "positive",
       ttl: 5200,
-      segments: ["In LearnCard, the user would receive ", { b: credentialName }, " here."]
+      segments: [
+        "In LearnCard, the learner would receive ",
+        { b: credentialName },
+        `.${versionSuffix}`
+      ]
     });
   }
-  showConsentBanner(redirectIgnored = false) {
-    this.toast({
-      icon: "\u{1F513}",
-      tone: "positive",
-      segments: redirectIgnored ? ["Consent auto-granted. Redirect ignored in mock."] : ["The user would review and grant consent. Auto-granted in mock."]
-    });
+  showConsentToast(payload, redirectIgnored) {
+    const scopes = payload == null ? void 0 : payload.scopes;
+    const contractUri = payload == null ? void 0 : payload.contractUri;
+    if (!scopes && !contractUri) {
+      this.toast({
+        icon: "shield",
+        tone: "warning",
+        ttl: 8e3,
+        title: "Choose what to ask for",
+        segments: [
+          "Approved here, but once published LearnCard needs to know what to ask the learner. You can choose it when you publish, or say it in code: ",
+          { b: "requestConsent({ read: { credentialCategories: ['Achievement'] } })" }
+        ]
+      });
+    } else {
+      const segments = buildConsentScopeToastSegments(payload);
+      if (redirectIgnored) segments.push(" Redirect skipped in practice.");
+      this.toast({ icon: "shield", tone: "positive", segments });
+    }
     if (redirectIgnored) {
       this.note(
         "requestConsent: 'redirect' is ignored in mock mode \u2014 the real host would navigate to the contract's redirectUrl with the VP in the URL."
@@ -583,61 +3094,115 @@ class MockHost {
    * calls never spam the screen.
    */
   toast(spec) {
-    var _a, _b;
+    var _a, _b, _c;
     if (!this.options.ui || !hasDocument()) return;
     const tone = (_a = spec.tone) != null ? _a : "default";
     const ttl = (_b = spec.ttl) != null ? _b : 4200;
+    const persistent = Boolean(spec.persistent);
     const text = spec.segments.map((s) => typeof s === "string" ? s : s.b).join("");
-    const key = `${tone}|${spec.icon}|${text}`;
+    const actionKey = spec.action ? `|${spec.action.href}|${spec.action.label}` : "";
+    const key = `${tone}|${spec.icon}|${(_c = spec.title) != null ? _c : ""}|${text}${actionKey}`;
     const existing = this.activeToasts.get(key);
     if (existing) {
       existing.count += 1;
       existing.countEl.textContent = `\xD7${existing.count}`;
       existing.countEl.style.display = "";
-      clearTimeout(existing.timeoutId);
-      existing.timeoutId = setTimeout(() => this.dismissToast(key), ttl);
+      existing.countEl.classList.remove("lc-mock-bump");
+      void existing.countEl.offsetWidth;
+      existing.countEl.classList.add("lc-mock-bump");
+      this.scheduleToastDismiss(key);
       return;
     }
     const stack = this.ensureStack();
     if (!stack) return;
     this.ensureStyles();
-    const toast = document.createElement("div");
-    toast.className = `lc-mock-toast lc-mock-toast--${tone}`;
-    const badge = document.createElement("div");
-    badge.className = "lc-mock-badge";
-    const name = document.createElement("span");
-    name.className = "lc-mock-badge-name";
-    name.textContent = `${spec.icon} LearnCard`;
-    const pill = document.createElement("span");
-    pill.className = "lc-mock-pill";
-    pill.textContent = "MOCK";
-    badge.append(name, pill);
-    const body = document.createElement("div");
-    body.className = "lc-mock-body";
+    const toast = createEl("div", `lc-mock-toast lc-mock-glass lc-mock-toast--${tone}`);
+    if (spec.dismissible) toast.classList.add("lc-mock-toast--dismissible");
+    const tile = createEl("span", "lc-mock-tile");
+    tile.appendChild(createIcon(spec.icon));
+    const content = createEl("div", "lc-mock-content");
+    const meta = createEl("div", "lc-mock-meta");
+    const countEl = createEl("span", "lc-mock-count");
+    countEl.style.display = "none";
+    meta.append(
+      createEl("span", "lc-mock-meta-name", "LearnCard"),
+      createEl("span", "lc-mock-chip", "Practice"),
+      countEl
+    );
+    content.appendChild(meta);
+    if (spec.title) content.appendChild(createEl("div", "lc-mock-title", spec.title));
+    const body = createEl("div", "lc-mock-body");
     for (const seg of spec.segments) {
       if (typeof seg === "string") {
         body.append(seg);
       } else {
-        const strong = document.createElement("strong");
-        strong.textContent = seg.b;
-        body.appendChild(strong);
+        body.appendChild(createEl("strong", void 0, seg.b));
       }
     }
-    const countEl = document.createElement("span");
-    countEl.className = "lc-mock-count";
-    countEl.style.display = "none";
-    body.appendChild(countEl);
-    toast.append(badge, body);
+    content.appendChild(body);
+    if (spec.action) {
+      const action = createEl("a", "lc-mock-action");
+      action.href = spec.action.href;
+      action.target = "_blank";
+      action.rel = "noopener";
+      action.append(createEl("span", void 0, spec.action.label), createIcon("open"));
+      content.appendChild(action);
+    }
+    toast.append(tile, content);
+    if (spec.dismissible) {
+      const close = createEl("button", "lc-mock-close");
+      close.type = "button";
+      close.setAttribute("aria-label", "Dismiss");
+      close.appendChild(createIcon("close"));
+      close.addEventListener("click", () => {
+        if (tone === "publish") {
+          this.savePublishDismissedAt((/* @__PURE__ */ new Date()).toISOString());
+        }
+        this.dismissToast(key);
+      });
+      toast.appendChild(close);
+    }
+    toast.addEventListener("mouseenter", () => {
+      const entry = this.activeToasts.get(key);
+      if (entry == null ? void 0 : entry.timeoutId) {
+        clearTimeout(entry.timeoutId);
+        entry.timeoutId = null;
+      }
+    });
+    toast.addEventListener("mouseleave", () => this.scheduleToastDismiss(key));
     stack.appendChild(toast);
     this.domNodes.add(toast);
-    const timeoutId = setTimeout(() => this.dismissToast(key), ttl);
-    this.activeToasts.set(key, { node: toast, timeoutId, count: 1, countEl });
+    this.activeToasts.set(key, {
+      node: toast,
+      timeoutId: null,
+      count: 1,
+      countEl,
+      ttl,
+      persistent
+    });
+    this.scheduleToastDismiss(key);
+    this.refreshToastVisibility();
+  }
+  scheduleToastDismiss(key) {
+    const entry = this.activeToasts.get(key);
+    if (!entry) return;
+    if (entry.timeoutId) clearTimeout(entry.timeoutId);
+    entry.timeoutId = entry.persistent ? null : setTimeout(() => this.dismissToast(key), entry.ttl);
+  }
+  refreshToastVisibility() {
+    const transient = Array.from(this.activeToasts.values()).filter((entry) => !entry.persistent);
+    const hiddenCount = Math.max(0, transient.length - MAX_VISIBLE_TOASTS);
+    transient.forEach((entry, index) => {
+      entry.node.classList.toggle("lc-mock-toast--hidden", index < hiddenCount);
+      entry.node.classList.toggle("lc-mock-toast--older", index < transient.length - 1);
+    });
   }
   dismissToast(key) {
     const entry = this.activeToasts.get(key);
     if (!entry) return;
     this.activeToasts.delete(key);
-    clearTimeout(entry.timeoutId);
+    if (entry.timeoutId) clearTimeout(entry.timeoutId);
+    this.refreshToastVisibility();
     const { node } = entry;
     node.classList.add("lc-mock-out");
     const exitTimer = setTimeout(() => {
@@ -650,8 +3215,9 @@ class MockHost {
   ensureStack() {
     if (!document.body) return null;
     if (this.stackEl && document.body.contains(this.stackEl)) return this.stackEl;
-    const stack = document.createElement("div");
-    stack.className = "lc-mock-stack";
+    const stack = createEl("div", "lc-mock-stack");
+    stack.setAttribute("role", "status");
+    stack.setAttribute("aria-live", "polite");
     document.body.appendChild(stack);
     this.stackEl = stack;
     return stack;
@@ -659,32 +3225,7 @@ class MockHost {
   ensureStyles() {
     if (!this.options.ui || !hasDocument() || this.styleEl || !document.head) return;
     const style = document.createElement("style");
-    style.textContent = `
-@keyframes lc-mock-in { from { opacity: 0; transform: translateY(10px) scale(0.98); } to { opacity: 1; transform: none; } }
-@keyframes lc-mock-out { to { opacity: 0; transform: translateY(6px); } }
-.lc-mock-stack {
-  position: fixed; bottom: 20px; right: 20px; z-index: 2147483647;
-  display: flex; flex-direction: column; gap: 10px; align-items: flex-end;
-  pointer-events: none; max-width: min(360px, calc(100vw - 40px));
-}
-.lc-mock-toast {
-  pointer-events: auto; width: 100%; box-sizing: border-box; padding: 11px 14px; border-radius: 14px;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-size: 13.5px;
-  line-height: 1.45; box-shadow: 0 10px 30px rgba(24,34,78,0.22); animation: lc-mock-in 180ms cubic-bezier(0.2,0.8,0.2,1);
-}
-.lc-mock-toast.lc-mock-out { animation: lc-mock-out 180ms ease-in forwards; }
-.lc-mock-toast--default { background: #18224E; color: #fff; }
-.lc-mock-toast--positive { background: #ECFDF5; color: #065F46; border: 1px solid #A7F3D0; }
-.lc-mock-badge {
-  display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 5px;
-  font-size: 11px; letter-spacing: 0.02em; text-transform: uppercase; opacity: 0.72;
-}
-.lc-mock-badge-name { font-weight: 600; }
-.lc-mock-pill { font-size: 10px; font-weight: 700; padding: 2px 6px; border-radius: 999px; background: rgba(255,255,255,0.16); }
-.lc-mock-toast--positive .lc-mock-pill { background: rgba(6,95,70,0.12); }
-.lc-mock-body strong { font-weight: 700; }
-.lc-mock-count { margin-left: 6px; font-weight: 700; opacity: 0.75; }
-`.trim();
+    style.textContent = MOCK_STYLES;
     document.head.appendChild(style);
     this.styleEl = style;
   }
@@ -693,8 +3234,45 @@ class MockHost {
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+const DEFAULT_PUBLISH_ORIGIN = "https://learncard.app";
 const SYNC_STATUS_POLL_MAX_DURATION_MS = 10 * 60 * 1e3;
 const DEFAULT_HOST_PROBE_TIMEOUT_MS = 1500;
+const joinInlineTemplateErrors = (errors) => errors.map((error) => `${error.path}: ${error.message}`).join("\n");
+const parseCompiledTemplateObject = (credentialTemplateJson) => {
+  return JSON.parse(
+    credentialTemplateJson.replace(/:(\s*)(\{\{\w+\}\})(?=\s*[,}\]])/g, ':$1"$2"')
+  );
+};
+const previewCompiledTemplate = (template, templateData) => {
+  const templateErrors = validateInlineTemplate(template);
+  if (templateErrors.length > 0) {
+    return { valid: false, errors: templateErrors };
+  }
+  const compiledTemplate = compileInlineTemplate(template);
+  const compiled = parseCompiledTemplateObject(compiledTemplate.credentialTemplateJson);
+  if (templateData === void 0) {
+    return { valid: true, errors: [], compiled };
+  }
+  const dataErrors = validateTemplateData(compiledTemplate.variableManifest, templateData);
+  if (dataErrors.length > 0) {
+    return { valid: false, errors: dataErrors, compiled };
+  }
+  return {
+    valid: true,
+    errors: [],
+    compiled,
+    rendered: renderCompiledTemplate(compiledTemplate.credentialTemplateJson, templateData)
+  };
+};
+const isTemplateAliasInput = (input) => Boolean(
+  input && typeof input === "object" && "templateAlias" in input && typeof input.templateAlias === "string"
+);
+const isInlineTemplateInput = (input) => Boolean(
+  input && typeof input === "object" && "alias" in input && typeof input.alias === "string" && "template" in input
+);
+const isConsentRequestInput = (input) => {
+  return Boolean(input && typeof input === "object" && !Array.isArray(input));
+};
 const isLocalDevHost = (hostname) => hostname === "localhost" || hostname === "127.0.0.1" || hostname === "[::1]" || hostname === "::1" || hostname.endsWith(".localhost") || hostname.endsWith(".local");
 function isEmbedded() {
   if (typeof window === "undefined") return false;
@@ -717,6 +3295,14 @@ const _PartnerConnect = class _PartnerConnect {
     __publicField(this, "syncCompleteCallbacks", /* @__PURE__ */ new Set());
     __publicField(this, "syncStatusPollId", null);
     __publicField(this, "mockHost", null);
+    /** Internal, non-public context handed to every {@link MockHost} we build. */
+    __publicField(this, "mockHostContext", {});
+    /**
+     * Memoized override-derived publish origin. `undefined` means "not looked
+     * up yet"; `null` means "looked up, no usable override". Caching keeps the
+     * warning for an invalid value to a single log per instance.
+     */
+    __publicField(this, "pinnedPublishOrigin");
     __publicField(this, "embedded", false);
     __publicField(this, "warnedNoHost", false);
     __publicField(this, "hostProbeTimeout", DEFAULT_HOST_PROBE_TIMEOUT_MS);
@@ -740,6 +3326,112 @@ const _PartnerConnect = class _PartnerConnect {
     this.embedded = isEmbedded();
     this.configureMockActivation(options);
   }
+  resolveMockOptions(options) {
+    var _a, _b;
+    if ((_a = options == null ? void 0 : options.mockOptions) == null ? void 0 : _a.publishOrigin) {
+      this.mockHostContext = { publishOriginPinned: true };
+      return options.mockOptions;
+    }
+    const publishOrigin = this.resolvePublishOrigin(options == null ? void 0 : options.hostOrigin);
+    this.mockHostContext = { publishOriginPinned: this.readPinnedPublishOrigin() !== null };
+    return { ...(_b = options == null ? void 0 : options.mockOptions) != null ? _b : {}, publishOrigin };
+  }
+  /**
+   * Resolve the LearnCard origin that App Store publish links point at:
+   * 1. `?lc_publish_override=` (query param, then this tab's stored value).
+   * 2. `?lc_host_override=` (query param, then stored) when it names one
+   *    concrete http(s) origin — testing against a host implies publishing
+   *    to it.
+   * 3. The first concrete configured `hostOrigin`.
+   * 4. `DEFAULT_PUBLISH_ORIGIN`.
+   *
+   * `mockOptions.publishOrigin` outranks all of these and is applied by
+   * {@link resolveMockOptions} before this runs.
+   */
+  resolvePublishOrigin(hostOrigin) {
+    var _a;
+    return (_a = this.readPinnedPublishOrigin()) != null ? _a : this.inferPublishOrigin(hostOrigin);
+  }
+  readPinnedPublishOrigin() {
+    var _a;
+    if (this.pinnedPublishOrigin !== void 0) return this.pinnedPublishOrigin;
+    this.pinnedPublishOrigin = (_a = this.readPublishOverride()) != null ? _a : this.readHostOverrideForPublish();
+    return this.pinnedPublishOrigin;
+  }
+  /**
+   * Unlike `lc_host_override`, this is not a security boundary — it only
+   * decides which LearnCard origin publish links target — so any parseable
+   * http(s) origin is accepted rather than being whitelist-checked.
+   */
+  readPublishOverride() {
+    if (typeof window === "undefined") return null;
+    try {
+      const param = new URLSearchParams(window.location.search).get("lc_publish_override");
+      if (param) {
+        const normalized = _PartnerConnect.normalizePublishOrigin(param);
+        if (normalized) {
+          this.persistPublishOverride(normalized);
+          console.log("[LearnCard SDK] Using lc_publish_override:", normalized);
+          return normalized;
+        }
+        console.warn(
+          "[LearnCard SDK] lc_publish_override is not a valid http(s) origin; ignoring:",
+          param
+        );
+      }
+      const stored = _PartnerConnect.readSessionValue(
+        _PartnerConnect.PUBLISH_SESSION_STORAGE_KEY
+      );
+      if (stored) return _PartnerConnect.normalizePublishOrigin(stored);
+    } catch (error) {
+      console.error("[LearnCard SDK] Error reading lc_publish_override:", error);
+    }
+    return null;
+  }
+  readHostOverrideForPublish() {
+    if (typeof window === "undefined") return null;
+    try {
+      const candidates = [
+        new URLSearchParams(window.location.search).get("lc_host_override"),
+        _PartnerConnect.readSessionValue(_PartnerConnect.SESSION_STORAGE_KEY)
+      ];
+      for (const candidate of candidates) {
+        if (!candidate || candidate.includes("*")) continue;
+        const normalized = _PartnerConnect.normalizePublishOrigin(candidate);
+        if (normalized) return normalized;
+      }
+    } catch {
+    }
+    return null;
+  }
+  static normalizePublishOrigin(value) {
+    try {
+      const url = new URL(value);
+      if (url.protocol !== "http:" && url.protocol !== "https:") return null;
+      return url.origin;
+    } catch {
+      return null;
+    }
+  }
+  static readSessionValue(key) {
+    try {
+      return sessionStorage.getItem(key);
+    } catch {
+      return null;
+    }
+  }
+  inferPublishOrigin(hostOrigin) {
+    const configuredOrigins = Array.isArray(hostOrigin) ? hostOrigin : hostOrigin ? [hostOrigin] : [];
+    for (const origin of configuredOrigins) {
+      if (origin.includes("*")) continue;
+      if (this.isOriginNativeApp(origin)) continue;
+      try {
+        return new URL(origin).origin;
+      } catch {
+      }
+    }
+    return DEFAULT_PUBLISH_ORIGIN;
+  }
   /**
    * Decide whether this instance talks to a real host, simulates one, or
    * fails fast — the resolution of the `mock` option against the runtime
@@ -748,14 +3440,15 @@ const _PartnerConnect = class _PartnerConnect {
   configureMockActivation(options) {
     var _a;
     const mockSetting = (_a = options == null ? void 0 : options.mock) != null ? _a : "auto";
+    const mockOptions = this.resolveMockOptions(options);
     if (mockSetting === true) {
-      this.mockHost = new MockHost(options == null ? void 0 : options.mockOptions);
+      this.mockHost = new MockHost(mockOptions, this.mockHostContext);
       return;
     }
-    const canAutoMock = mockSetting === "standalone" || mockSetting === "auto" && this.isLocalDevContext();
+    const canAutoMock = mockSetting === "standalone" || mockSetting === "auto" && (this.isLocalDevContext() || this.isAppBuilderContext());
     if (!this.embedded) {
       if (canAutoMock) {
-        this.mockHost = new MockHost(options == null ? void 0 : options.mockOptions);
+        this.mockHost = new MockHost(mockOptions, this.mockHostContext);
       }
       return;
     }
@@ -765,13 +3458,13 @@ const _PartnerConnect = class _PartnerConnect {
         return;
       case "foreign":
         if (canAutoMock) {
-          this.mockHost = new MockHost(options == null ? void 0 : options.mockOptions);
+          this.mockHost = new MockHost(mockOptions, this.mockHostContext);
         }
         return;
       case "ambiguous":
         if (canAutoMock) {
           this.hostReachable = true;
-          this.activation = this.probeHost(options);
+          this.activation = this.probeHost(mockOptions);
         } else {
           this.hostReachable = true;
         }
@@ -782,6 +3475,28 @@ const _PartnerConnect = class _PartnerConnect {
     if (typeof window === "undefined") return false;
     return isLocalDevHost(window.location.hostname);
   }
+  /**
+   * Whether the app is running inside an AI app builder's preview (Lovable,
+   * Bolt, v0, Replit): either on a preview-only host, or framed by the
+   * builder's editor. Firefox hides ancestor origins, so the referrer of an
+   * embedded document stands in for the parent origin there.
+   */
+  isAppBuilderContext() {
+    var _a;
+    if (typeof window === "undefined") return false;
+    if (isAppBuilderPreviewHost(window.location.hostname)) return true;
+    if (!this.embedded) return false;
+    const parentOrigin = (_a = this.readAncestorOrigin()) != null ? _a : this.readReferrerOrigin();
+    return parentOrigin !== null && isAppBuilderEditorOrigin(parentOrigin);
+  }
+  readReferrerOrigin() {
+    if (typeof document === "undefined" || !document.referrer) return null;
+    try {
+      return new URL(document.referrer).origin;
+    } catch {
+      return null;
+    }
+  }
   classifyParent() {
     const ancestorOrigin = this.readAncestorOrigin();
     if (!ancestorOrigin) return "ambiguous";
@@ -801,14 +3516,14 @@ const _PartnerConnect = class _PartnerConnect {
    * listening and the mock takes over. Requests issued while the probe is
    * in flight queue behind the decision instead of racing it.
    */
-  probeHost(options) {
+  probeHost(mockOptions) {
     return this.postToHost("GET_SYNC_STATUS", void 0, this.hostProbeTimeout).then(() => {
       this.activation = null;
     }).catch(() => {
       this.activation = null;
       if (this.isInitialized) {
         this.hostReachable = false;
-        this.mockHost = new MockHost(options == null ? void 0 : options.mockOptions);
+        this.mockHost = new MockHost(mockOptions, this.mockHostContext);
         console.warn(
           `[LearnCard SDK] Embedded in a frame, but no LearnCard host answered within ${this.hostProbeTimeout}ms \u2014 activating standalone mock mode. If a real local host was just slow to boot, raise \`hostProbeTimeout\`.`
         );
@@ -836,6 +3551,68 @@ const _PartnerConnect = class _PartnerConnect {
   isMocked() {
     return this.mockHost !== null;
   }
+  /**
+   * Read the app manifest captured by standalone mock mode.
+   *
+   * Returns `undefined` when this instance is talking to a real host, or when
+   * mock mode has not captured anything yet.
+   *
+   * @example
+   * ```typescript
+   * const manifest = learnCard.getCapturedManifest();
+   * if (manifest) {
+   *   console.log(manifest.permissions, manifest.templates);
+   * }
+   * ```
+   */
+  getCapturedManifest() {
+    var _a;
+    return (_a = this.mockHost) == null ? void 0 : _a.getCapturedManifest();
+  }
+  /**
+   * Build the LearnCard App Store submission URL for the current captured manifest.
+   *
+   * Returns `undefined` unless mock mode is active and the SDK has captured at
+   * least one manifest interaction. The publish prompt still uses a higher
+   * threshold (at least 1 inline template or at least 2 distinct permissions)
+   * before it auto-nudges the developer.
+   *
+   * @example
+   * ```typescript
+   * const publishUrl = learnCard.getPublishUrl();
+   * if (publishUrl) {
+   *   window.open(publishUrl, '_blank', 'noopener');
+   * }
+   * ```
+   */
+  getPublishUrl() {
+    var _a;
+    return (_a = this.mockHost) == null ? void 0 : _a.getPublishUrl();
+  }
+  /** Clears this app's practice captures, credentials and counters. No-op outside mock mode. */
+  resetPracticeMode() {
+    var _a;
+    (_a = this.mockHost) == null ? void 0 : _a.resetPracticeMode();
+  }
+  /**
+   * Returns the currently active real-host origin, or `null` while standalone
+   * mock mode is active.
+   */
+  getActiveHostOrigin() {
+    if (this.mockHost) return null;
+    return this.activeHostOrigin || null;
+  }
+  /**
+   * Returns the LearnCard origin used to build App Store publish URLs.
+   *
+   * Point this at a local or staging LearnCard with
+   * `?lc_publish_override=<origin>`; see {@link resolvePublishOrigin} for
+   * the full precedence order.
+   */
+  getPublishOrigin() {
+    if (this.mockHost) return this.mockHost.getPublishOrigin();
+    return this.resolvePublishOrigin(this.hostOrigins);
+  }
   /**
    * Read `window.location.ancestorOrigins[0]` without throwing if the
    * property is unavailable (Firefox) or the list is empty (top-level
@@ -913,6 +3690,12 @@ const _PartnerConnect = class _PartnerConnect {
     } catch {
     }
   }
+  persistPublishOverride(origin) {
+    try {
+      sessionStorage.setItem(_PartnerConnect.PUBLISH_SESSION_STORAGE_KEY, origin);
+    } catch {
+    }
+  }
   isOriginNativeApp(origin) {
     return origin.startsWith("capacitor://") || origin.startsWith("ionic://") || origin.startsWith("https://localhost") || origin.startsWith("http://localhost") || origin.startsWith("http://127.0.0.1");
   }
@@ -1117,12 +3900,58 @@ const _PartnerConnect = class _PartnerConnect {
       challenge: `${Date.now()}-${Math.random().toString(36).substring(2, 9)}`
     });
   }
+  /**
+   * Validate an inline credential template entirely offline.
+   *
+   * This performs the same local checks that {@link sendCredential} runs for
+   * inline templates before posting any message to LearnCard.
+   *
+   * @param template - Inline credential template to validate
+   * @param templateData - Optional runtime variable values to validate against the compiled manifest
+   * @returns Validation status plus path-based errors suitable for UI display
+   *
+   * @example
+   * ```typescript
+   * const result = learnCard.validateCredentialTemplate(
+   *   {
+   *     name: 'Completed {{courseName}}',
+   *     description: 'Awarded for finishing {{courseName}}.',
+   *     achievementType: 'Course',
+   *     criteria: { narrative: 'Finished all modules' }
+   *   },
+   *   { courseName: 'Intro to Baking' }
+   * );
+   *
+   * if (!result.valid) {
+   *   console.error(result.errors.map(error => `${error.path}: ${error.message}`).join('\n'));
+   * }
+   * ```
+   */
+  validateCredentialTemplate(template, templateData) {
+    const templateErrors = validateInlineTemplate(template);
+    if (templateErrors.length > 0) {
+      return { valid: false, errors: templateErrors };
+    }
+    const compiled = compileInlineTemplate(template);
+    const dataErrors = validateTemplateData(compiled.variableManifest, templateData);
+    if (dataErrors.length > 0) {
+      return { valid: false, errors: dataErrors };
+    }
+    return { valid: true, errors: [] };
+  }
+  /**
+   * Compile and optionally render an inline credential template entirely offline.
+   */
+  previewCompiledTemplate(template, templateData) {
+    return previewCompiledTemplate(template, templateData);
+  }
   /**
    * Send a credential to the user's LearnCard wallet
    *
    * Supports two modes:
    * 1. **Raw credential**: Pass a full verifiable credential object
    * 2. **Template-based**: Pass `{ templateAlias, templateData }` to issue from a pre-configured boost template
+   * 3. **Inline template**: Pass `{ alias, template, templateData }` to issue from a zero-config inline template
    *
    * @param input - Either a verifiable credential or a template-based input
    * @returns Promise resolving to credential response
@@ -1145,9 +3974,51 @@ const _PartnerConnect = class _PartnerConnect {
    * });
    * console.log('Credential URI:', response.credentialUri);
    * ```
+   *
+   * @example Inline template (zero-config)
+   * ```typescript
+   * await learnCard.sendCredential({
+   *   alias: 'course-complete',
+   *   template: {
+   *     name: 'Completed {{courseName}}',
+   *     description: 'Awarded for finishing {{courseName}}.',
+   *     achievementType: 'Course',
+   *     criteria: { narrative: 'Finished all modules' }
+   *   },
+   *   templateData: { courseName: 'Intro to Baking' }
+   * });
+   * ```
    */
   sendCredential(input) {
-    if (input && typeof input === "object" && "templateAlias" in input && typeof input.templateAlias === "string") {
+    if (isInlineTemplateInput(input)) {
+      const templateErrors = validateInlineTemplate(input.template);
+      if (templateErrors.length > 0) {
+        return Promise.reject(
+          new PartnerConnectError(
+            "TEMPLATE_INVALID",
+            joinInlineTemplateErrors(templateErrors)
+          )
+        );
+      }
+      const compiled = compileInlineTemplate(input.template);
+      const dataErrors = validateTemplateData(compiled.variableManifest, input.templateData);
+      if (dataErrors.length > 0) {
+        return Promise.reject(
+          new PartnerConnectError(
+            "TEMPLATE_DATA_INVALID",
+            joinInlineTemplateErrors(dataErrors)
+          )
+        );
+      }
+      return this.sendAppEvent({
+        type: "send-credential",
+        alias: input.alias,
+        template: input.template,
+        templateData: input.templateData,
+        preventDuplicateClaim: input.preventDuplicateClaim
+      });
+    }
+    if (isTemplateAliasInput(input)) {
       const templateInput = input;
       return this.sendAppEvent({
         type: "send-credential",
@@ -1297,36 +4168,26 @@ const _PartnerConnect = class _PartnerConnect {
       credentialId
     });
   }
-  /**
-   * Request user consent for permissions
-   *
-   * @param contractUri - URI of the consent contract (optional for App Store apps with configured contracts)
-   * @param options - Additional options including redirect behavior
-   * @returns Promise resolving to consent response
-   *
-   * @example
-   * ```typescript
-   * // With explicit contract URI (for external/non-app store integrations)
-   * const response = await learnCard.requestConsent('lc:network:network.learncard.com/trpc:contract:abc123');
-   * if (response.granted) {
-   *   console.log('User granted consent');
-   * }
-   *
-   * // Without contract URI (uses app's configured contract from integration)
-   * // This works for App Store apps that have configured a contract in their integration
-   * const response = await learnCard.requestConsent();
-   * if (response.granted) {
-   *   console.log('User granted consent using listing contract');
-   * }
-   *
-   * // With redirect - redirects to contract's redirectUrl with VP in URL params
-   * const response = await learnCard.requestConsent(undefined, { redirect: true });
-   * ```
-   */
-  requestConsent(contractUri, options = {}) {
+  requestConsent(requestOrContractUri, options = {}) {
     const { redirect = false } = options;
+    if (isConsentRequestInput(requestOrContractUri)) {
+      try {
+        normalizeConsentRequest(requestOrContractUri);
+      } catch (error) {
+        return Promise.reject(
+          new PartnerConnectError(
+            "CONSENT_SCOPES_INVALID",
+            error instanceof Error ? error.message : "Invalid consent scopes"
+          )
+        );
+      }
+      return this.sendMessage("REQUEST_CONSENT", {
+        scopes: requestOrContractUri,
+        redirect
+      });
+    }
     return this.sendMessage("REQUEST_CONSENT", {
-      contractUri,
+      contractUri: requestOrContractUri,
       redirect
     });
   }
@@ -1608,6 +4469,8 @@ __publicField(_PartnerConnect, "DEFAULT_TRUSTED_TENANTS", [
  * continue to use the same active origin.
  */
 __publicField(_PartnerConnect, "SESSION_STORAGE_KEY", "lc_host_override");
+/** Persisted so the parameter only has to be typed once per tab. */
+__publicField(_PartnerConnect, "PUBLISH_SESSION_STORAGE_KEY", "lc_publish_override");
 /**
  * Internal placeholder substituted in for `*` so that `new URL(...)` can
  * parse a wildcard pattern. Chosen to be a syntactically-valid DNS label
@@ -1623,5 +4486,5 @@ function createPartnerConnect(options) {
   return new PartnerConnect(options);
 }
 
-export { PartnerConnect, PartnerConnectError, createPartnerConnect, createPartnerConnect as default, isEmbedded };
+export { PartnerConnect, PartnerConnectError, createPartnerConnect, decodeManifestFromUrl, createPartnerConnect as default, isEmbedded, previewCompiledTemplate };
 //# sourceMappingURL=partner-connect.esm.js.map