Function createFieldCard

src/settings/components/FieldManagerComponent.ts:105–264

* Creates a card for a single field using the CardComponent system

(
	container: HTMLElement,
	field: ModalFieldConfig,
	index: number,
	config: TaskModalFieldsConfig,
	plugin: TaskNotesPlugin,
	onUpdate: (config: TaskModalFieldsConfig) => void,
	app: App,
	groupId: FieldGroup
)

 * Creates a card for a single field using the CardComponent system
 */
function createFieldCard(
	container: HTMLElement,
	field: ModalFieldConfig,
	index: number,
	config: TaskModalFieldsConfig,
	plugin: TaskNotesPlugin,
	onUpdate: (config: TaskModalFieldsConfig) => void,
	app: App,
	groupId: FieldGroup
): void {
	// Create type badge
	const typeBadge = activeDocument.createElement("span");
	typeBadge.classList.add("field-card__type");
	typeBadge.classList.add(`field-card__type--${field.fieldType}`);
	typeBadge.textContent = field.fieldType;

	// Create toggle switches with callbacks
	const enabledToggle = createCardToggle(field.enabled, (value) => {
		const fieldIndex = config.fields.findIndex((f) => f.id === field.id);
		if (fieldIndex !== -1) {
			config.fields[fieldIndex].enabled = value;
			onUpdate(config);
			// Re-render to update visibility
			const activeTab = activeDocument.querySelector(
				".field-manager__tab--active"
			) as HTMLElement;
			if (activeTab) {
				const tabParent = activeTab.parentElement;
				const contentParent = container.parentElement;
				if (!tabParent || !contentParent) {
					return;
				}
				const tabIndex = Array.from(tabParent.children).indexOf(activeTab);
				const groups = [...config.groups].sort((a, b) => a.order - b.order);
				const groupToRender = groups[tabIndex];
				if (groupToRender) {
					renderFieldGroup(
						contentParent,
						groupToRender.id,
						config,
						plugin,
						onUpdate,
						app
					);
				}
			}
		}
	});

	const creationToggle = createCardToggle(field.visibleInCreation, (value) => {
		const fieldIndex = config.fields.findIndex((f) => f.id === field.id);
		if (fieldIndex !== -1) {
			config.fields[fieldIndex].visibleInCreation = value;
			onUpdate(config);
		}
	});

	const editToggle = createCardToggle(field.visibleInEdit, (value) => {