@vishu1301/script-writing 1.3.4 → 1.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.cjs +458 -270
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +6 -3
  4. package/dist/index.d.ts +6 -3
  5. package/dist/index.js +459 -271
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { useState, useRef, useEffect, useMemo, useCallback } from 'react';
2
- import { Users, Box, Shirt, Car, Armchair, UserPlus, MapPin, Map as Map$1, ArrowRightLeft, MessageCircle, Brackets, UserRound, Sparkles, Clapperboard, Upload, Lock, Unlock, Save, FileDown, RefreshCcw, Cog, ArrowRight, User, ChevronRight, Loader2, AlignLeft, Tags, ChevronDown } from 'lucide-react';
2
+ import { Users, Box, Shirt, Car, Armchair, UserPlus, MapPin, Map as Map$1, ArrowRightLeft, MessageCircle, Brackets, UserRound, Sparkles, Clapperboard, Upload, Lock, Unlock, Save, FileDown, RefreshCcw, Cog, ArrowRight, User, ChevronRight, Loader2, AlignLeft, Tags, ChevronDown, X } from 'lucide-react';
3
3
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
4
4
  import * as pdfjs from 'pdfjs-dist';
5
5
  import jsPDF from 'jspdf';
@@ -1813,8 +1813,13 @@ function ScriptBreakdownSceneView({
1813
1813
  aiSummarized = false,
1814
1814
  onUpdateBrief
1815
1815
  }) {
1816
- const [expanded, setExpanded] = useState(false);
1817
1816
  const [expandedCategories, setExpandedCategories] = useState({});
1817
+ const [editingTagData, setEditingTagData] = useState(null);
1818
+ const [tagForm, setTagForm] = useState({ quantity: 1, look: "", age: "" });
1819
+ const [popupPlacement, setPopupPlacement] = useState({
1820
+ alignRight: false,
1821
+ alignBottom: false
1822
+ });
1818
1823
  const [isSidebarOpen, setIsSidebarOpen] = useState(false);
1819
1824
  const COURIER_STACK = "'Courier Prime', 'Courier', monospace";
1820
1825
  useEffect(() => {
@@ -1905,284 +1910,438 @@ function ScriptBreakdownSceneView({
1905
1910
  }
1906
1911
  return nodes;
1907
1912
  };
1908
- return /* @__PURE__ */ jsx("div", { className: "relative p-8 md:p-12 mx-auto w-full min-h-screen flex flex-col gap-8 xl:pr-[20rem]", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center max-w-6xl xl:max-w-full", children: [
1909
- /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 min-h-screen", children: [
1913
+ return /* @__PURE__ */ jsxs("div", { className: "relative p-8 md:p-12 mx-auto w-full min-h-screen flex flex-col gap-8 xl:pr-[20rem]", children: [
1914
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center max-w-6xl xl:max-w-full", children: [
1915
+ /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 min-h-screen", children: [
1916
+ /* @__PURE__ */ jsx(
1917
+ "div",
1918
+ {
1919
+ className: "relative bg-[#fdfdfc] shadow-md shadow-zinc-300/60 border border-zinc-100 rounded-sm md:rounded-md pl-[1.5in] py-[1in] pr-[1in] flex flex-col w-[210mm] min-h-auto shrink-0",
1920
+ style: {
1921
+ fontFamily: COURIER_STACK,
1922
+ paddingLeft: "1.5in",
1923
+ paddingRight: "1in",
1924
+ paddingTop: "1in",
1925
+ paddingBottom: "1in",
1926
+ lineHeight: "1.2"
1927
+ },
1928
+ "data-screenplay-editor": "true",
1929
+ onMouseUp: handleMouseUp,
1930
+ children: blocks.map((block) => /* @__PURE__ */ jsxs(
1931
+ "div",
1932
+ {
1933
+ "data-block-id": block.id,
1934
+ className: `relative break-words w-full px-4 py-2 ${blockStyles[block.type].className}`,
1935
+ style: __spreadProps(__spreadValues({}, blockStyles[block.type].inputStyle), {
1936
+ minHeight: "2.5rem"
1937
+ }),
1938
+ children: [
1939
+ renderBlockText(block),
1940
+ (selectionMenu == null ? void 0 : selectionMenu.blockId) === block.id && /* @__PURE__ */ jsxs(
1941
+ "div",
1942
+ {
1943
+ ref: menuRef,
1944
+ "data-screenplay-editor": "false",
1945
+ className: `tag-menu absolute z-50 bg-white/70 backdrop-blur-2xl shadow-[0_10px_40px_rgb(0,0,0,0.06)] border border-white rounded-[1.5rem] p-2 flex flex-col w-56 animate-in fade-in zoom-in-95 duration-300 ease-out ${menuPlacement === "top" ? "origin-bottom" : "origin-top"}`,
1946
+ style: {
1947
+ top: selectionMenu.top,
1948
+ left: selectionMenu.left,
1949
+ transform: menuPlacement === "top" ? "translate(-50%, calc(-100% - 12px))" : "translate(-50%, 32px)"
1950
+ },
1951
+ children: [
1952
+ /* @__PURE__ */ jsxs("div", { className: "relative z-10 px-3 py-2.5 border-b border-white/60 mb-1.5", children: [
1953
+ /* @__PURE__ */ jsx("p", { className: "text-[9px] font-extrabold tracking-[0.2em] text-slate-400 uppercase mb-1", children: "Tag Element" }),
1954
+ /* @__PURE__ */ jsxs(
1955
+ "p",
1956
+ {
1957
+ className: "text-xs font-bold text-slate-700 truncate drop-shadow-sm",
1958
+ title: selectionMenu.text,
1959
+ children: [
1960
+ '"',
1961
+ selectionMenu.text,
1962
+ '"'
1963
+ ]
1964
+ }
1965
+ )
1966
+ ] }),
1967
+ /* @__PURE__ */ jsxs("div", { className: "relative z-10 flex flex-col gap-1", children: [
1968
+ CATEGORIES.filter(
1969
+ (cat) => !(cat.id === "LOCATION" && hasLocationTag) && !(cat.id === "SUBLOCATION" && !hasLocationTag)
1970
+ ).map((cat) => /* @__PURE__ */ jsxs(
1971
+ "button",
1972
+ {
1973
+ onClick: () => {
1974
+ const existingTag = tags.find(
1975
+ (t) => t.block_id === block.id && t.start_index === selectionMenu.startIndex && t.end_index === selectionMenu.endIndex
1976
+ );
1977
+ if (existingTag && existingTag.id) {
1978
+ updateTag == null ? void 0 : updateTag(existingTag.id, cat.id);
1979
+ } else {
1980
+ addTag(cat.id);
1981
+ }
1982
+ },
1983
+ className: "group w-full text-[12px] font-bold px-3 py-2 rounded-xl transition-all duration-300 text-left flex items-center justify-between hover:bg-white/80 hover:shadow-[0_2px_10px_rgb(0,0,0,0.02)] active:scale-[0.98]",
1984
+ style: { color: cat.color },
1985
+ children: [
1986
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
1987
+ /* @__PURE__ */ jsx(
1988
+ cat.icon,
1989
+ {
1990
+ className: "w-4 h-4 group-hover:scale-110 transition-transform duration-300",
1991
+ style: { color: cat.color }
1992
+ }
1993
+ ),
1994
+ cat.label
1995
+ ] }),
1996
+ /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold text-slate-400 opacity-0 group-hover:opacity-100 transition-all duration-300 translate-x-1 group-hover:translate-x-0", children: "Select" })
1997
+ ]
1998
+ },
1999
+ cat.id
2000
+ )),
2001
+ tags.some(
2002
+ (t) => t.block_id === block.id && t.start_index === selectionMenu.startIndex && t.end_index === selectionMenu.endIndex
2003
+ ) && /* @__PURE__ */ jsx("div", { className: "mt-1 pt-1 border-t border-white/60", children: /* @__PURE__ */ jsxs(
2004
+ "button",
2005
+ {
2006
+ onClick: (e) => {
2007
+ const tagToRemove = tags.find(
2008
+ (t) => t.block_id === block.id && t.start_index === selectionMenu.startIndex && t.end_index === selectionMenu.endIndex
2009
+ );
2010
+ if (tagToRemove) {
2011
+ removeTag(e, tagToRemove.id);
2012
+ clearSelection();
2013
+ }
2014
+ },
2015
+ className: "group w-full text-[12px] font-bold px-3 py-2 rounded-xl transition-all duration-300 text-left flex items-center justify-between hover:bg-rose-50 hover:text-rose-600 hover:shadow-[0_2px_10px_rgb(225,29,72,0.04)] active:scale-[0.98] text-slate-500 border border-transparent hover:border-rose-100",
2016
+ children: [
2017
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
2018
+ /* @__PURE__ */ jsx("div", { className: "w-2 h-2 rounded-full shadow-sm bg-rose-400 group-hover:scale-125 transition-transform duration-300" }),
2019
+ "Remove Tag"
2020
+ ] }),
2021
+ /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold text-rose-400 opacity-0 group-hover:opacity-100 transition-all duration-300 translate-x-1 group-hover:translate-x-0", children: "Remove" })
2022
+ ]
2023
+ }
2024
+ ) })
2025
+ ] })
2026
+ ]
2027
+ }
2028
+ )
2029
+ ]
2030
+ },
2031
+ block.id
2032
+ ))
2033
+ }
2034
+ ),
2035
+ /* @__PURE__ */ jsxs("div", { className: "relative bg-[#fdfdfc] shadow-md shadow-zinc-300/60 border border-zinc-100 rounded-sm md:rounded-md flex flex-col w-[210mm] shrink-0 p-8 md:p-12 lg:p-16", children: [
2036
+ /* @__PURE__ */ jsxs("h3", { className: "text-xs font-extrabold text-slate-800 uppercase tracking-[0.25em] mb-6 flex items-center gap-3 font-sans", children: [
2037
+ /* @__PURE__ */ jsx("span", { className: "flex items-center justify-center w-8 h-8 rounded-full bg-slate-100/80 shadow-inner border border-slate-200/50", children: /* @__PURE__ */ jsx(AlignLeft, { className: "w-3.5 h-3.5 text-slate-500" }) }),
2038
+ "Scene Brief"
2039
+ ] }),
2040
+ /* @__PURE__ */ jsxs("div", { className: "relative bg-zinc-50/50 border border-zinc-200/60 rounded-xl p-4 md:p-6 shadow-inner focus-within:bg-white focus-within:border-zinc-300 focus-within:shadow-[0_8px_30px_rgb(0,0,0,0.04)] transition-all duration-300", children: [
2041
+ /* @__PURE__ */ jsx(
2042
+ "textarea",
2043
+ {
2044
+ value: sceneBrief,
2045
+ onChange: (e) => setSceneBrief(e.target.value),
2046
+ placeholder: "Write a brief description or notes for this scene...",
2047
+ className: "w-full min-h-[120px] bg-transparent outline-none resize-y text-zinc-700 placeholder:text-zinc-400 text-sm md:text-base custom-scrollbar font-sans select-none",
2048
+ style: {
2049
+ lineHeight: "1.6"
2050
+ }
2051
+ }
2052
+ ),
2053
+ /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx(
2054
+ "button",
2055
+ {
2056
+ onClick: onUpdateBrief,
2057
+ disabled: !sceneBrief || sceneBrief.trim() === "",
2058
+ className: "rounded-full bg-[#15607b] px-6 py-3 text-[13px] font-semibold tracking-wide text-white shadow-md transition-all hover:bg-[#134a61] hover:shadow-lg active:scale-95 disabled:bg-gray-200 disabled:cursor-not-allowed disabled:opacity-95 disabled:text-black disabled:shadow-none",
2059
+ children: "Update"
2060
+ }
2061
+ ) })
2062
+ ] })
2063
+ ] })
2064
+ ] }),
2065
+ /* @__PURE__ */ jsxs(
2066
+ "button",
2067
+ {
2068
+ onClick: () => setIsSidebarOpen(true),
2069
+ className: "fixed bottom-6 right-6 z-40 flex h-14 w-14 items-center justify-center rounded-full bg-[#15607b] text-white shadow-[0_8px_30px_rgba(21,96,123,0.3)] transition-transform hover:scale-105 active:scale-95 xl:hidden",
2070
+ children: [
2071
+ /* @__PURE__ */ jsx(Tags, { className: "h-6 w-6" }),
2072
+ tags.length > 0 && /* @__PURE__ */ jsx("span", { className: "absolute -top-1 -right-1 flex h-5 w-5 items-center justify-center rounded-full bg-rose-500 text-[10px] font-bold text-white shadow-sm border-2 border-white", children: tags.length })
2073
+ ]
2074
+ }
2075
+ ),
2076
+ isSidebarOpen && /* @__PURE__ */ jsx(
2077
+ "div",
2078
+ {
2079
+ className: "fixed inset-0 z-40 bg-slate-900/20 backdrop-blur-sm transition-opacity xl:hidden",
2080
+ onClick: () => setIsSidebarOpen(false)
2081
+ }
2082
+ ),
1910
2083
  /* @__PURE__ */ jsx(
1911
2084
  "div",
1912
2085
  {
1913
- className: "relative bg-[#fdfdfc] shadow-md shadow-zinc-300/60 border border-zinc-100 rounded-sm md:rounded-md pl-[1.5in] py-[1in] pr-[1in] flex flex-col w-[210mm] min-h-auto shrink-0",
1914
- style: {
1915
- fontFamily: COURIER_STACK,
1916
- paddingLeft: "1.5in",
1917
- paddingRight: "1in",
1918
- paddingTop: "1in",
1919
- paddingBottom: "1in",
1920
- lineHeight: "1.2"
1921
- },
1922
- "data-screenplay-editor": "true",
1923
- onMouseUp: handleMouseUp,
1924
- children: blocks.map((block) => /* @__PURE__ */ jsxs(
1925
- "div",
1926
- {
1927
- "data-block-id": block.id,
1928
- className: `relative break-words w-full px-4 py-2 ${blockStyles[block.type].className}`,
1929
- style: __spreadProps(__spreadValues({}, blockStyles[block.type].inputStyle), {
1930
- minHeight: "2.5rem"
1931
- }),
1932
- children: [
1933
- renderBlockText(block),
1934
- (selectionMenu == null ? void 0 : selectionMenu.blockId) === block.id && /* @__PURE__ */ jsxs(
1935
- "div",
1936
- {
1937
- ref: menuRef,
1938
- "data-screenplay-editor": "false",
1939
- className: `tag-menu absolute z-50 bg-white/70 backdrop-blur-2xl shadow-[0_10px_40px_rgb(0,0,0,0.06)] border border-white rounded-[1.5rem] p-2 flex flex-col w-56 animate-in fade-in zoom-in-95 duration-300 ease-out ${menuPlacement === "top" ? "origin-bottom" : "origin-top"}`,
1940
- style: {
1941
- top: selectionMenu.top,
1942
- left: selectionMenu.left,
1943
- transform: menuPlacement === "top" ? "translate(-50%, calc(-100% - 12px))" : "translate(-50%, 32px)"
1944
- },
1945
- children: [
1946
- /* @__PURE__ */ jsxs("div", { className: "relative z-10 px-3 py-2.5 border-b border-white/60 mb-1.5", children: [
1947
- /* @__PURE__ */ jsx("p", { className: "text-[9px] font-extrabold tracking-[0.2em] text-slate-400 uppercase mb-1", children: "Tag Element" }),
1948
- /* @__PURE__ */ jsxs(
1949
- "p",
2086
+ className: `fixed xl:absolute top-0 right-0 z-50 h-full w-72 transform transition-transform duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] xl:translate-x-0 ${isSidebarOpen ? "translate-x-0 shadow-[0_0_40px_rgba(0,0,0,0.1)]" : "translate-x-full"}`,
2087
+ children: /* @__PURE__ */ jsxs("div", { className: "sticky top-0 flex h-[100dvh] max-h-screen w-full flex-col border-l border-l-[#eefafd] bg-white p-3 py-5", children: [
2088
+ !aiSummarized && /* @__PURE__ */ jsx(
2089
+ summarize_button_default,
2090
+ {
2091
+ isSummarizing,
2092
+ onSummarize
2093
+ }
2094
+ ),
2095
+ /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col gap-3 py-5 my-5 border-t border-t-[#eefafd] flex-1 overflow-hidden", children: [
2096
+ /* @__PURE__ */ jsxs("div", { className: "relative flex items-center justify-between mb-6 shrink-0", children: [
2097
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
2098
+ /* @__PURE__ */ jsx("div", { className: "relative flex h-8 w-8 items-center justify-center rounded-[10px] border border-[#15607b]/20 bg-white shadow-sm", children: /* @__PURE__ */ jsx(Tags, { className: "h-4 w-4 text-[#15607b]" }) }),
2099
+ /* @__PURE__ */ jsx("h3", { className: "text-[12px] font-semibold uppercase tracking-[0.28em] text-[#134a61]", children: "Breakdown" })
2100
+ ] }),
2101
+ /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx("span", { className: "rounded-full border border-slate-200/60 bg-slate-50 px-2.5 py-1 text-[11px] font-semibold text-[#134a61] shadow-sm backdrop-blur-md", children: tags.length }) })
2102
+ ] }),
2103
+ /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 overflow-y-auto overflow-x-hidden pb-4 pr-1 custom-scrollbar", children: CATEGORIES.map((cat) => {
2104
+ const catTags = tags.filter((t) => t.category_id === cat.id);
2105
+ if (!catTags.length) return null;
2106
+ const isExpanded = expandedCategories[cat.id];
2107
+ const uniqueTags = Array.from(
2108
+ new Map(
2109
+ catTags.map((tag) => [tag.name.toLowerCase(), tag])
2110
+ ).values()
2111
+ );
2112
+ return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
2113
+ /* @__PURE__ */ jsxs(
2114
+ "div",
2115
+ {
2116
+ onClick: () => setExpandedCategories((prev) => ({
2117
+ [cat.id]: !prev[cat.id]
2118
+ })),
2119
+ className: "group relative flex cursor-pointer items-center gap-3 overflow-hidden rounded-[24px] border border-white/70 px-4 py-3.5 transition-all duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] hover:-translate-y-[1px]",
2120
+ style: {
2121
+ background: `linear-gradient(135deg, rgba(255,255,255,0.92), ${cat.hex}18)`,
2122
+ boxShadow: `0 16px 36px ${cat.hex}14, inset 0 1px 0 rgba(255,255,255,0.9)`,
2123
+ border: `1px solid ${cat.hex}50`
2124
+ },
2125
+ children: [
2126
+ /* @__PURE__ */ jsx(
2127
+ "div",
1950
2128
  {
1951
- className: "text-xs font-bold text-slate-700 truncate drop-shadow-sm",
1952
- title: selectionMenu.text,
1953
- children: [
1954
- '"',
1955
- selectionMenu.text,
1956
- '"'
1957
- ]
2129
+ className: "absolute inset-0 opacity-0 transition-opacity duration-300 group-hover:opacity-100",
2130
+ style: {
2131
+ background: `radial-gradient(circle at 15% 20%, ${cat.hex}24, transparent 38%)`
2132
+ }
1958
2133
  }
1959
- )
1960
- ] }),
1961
- /* @__PURE__ */ jsxs("div", { className: "relative z-10 flex flex-col gap-1", children: [
1962
- CATEGORIES.filter(
1963
- (cat) => !(cat.id === "LOCATION" && hasLocationTag) && !(cat.id === "SUBLOCATION" && !hasLocationTag)
1964
- ).map((cat) => /* @__PURE__ */ jsxs(
1965
- "button",
2134
+ ),
2135
+ /* @__PURE__ */ jsx(
2136
+ "div",
1966
2137
  {
1967
- onClick: () => {
1968
- const existingTag = tags.find(
1969
- (t) => t.block_id === block.id && t.start_index === selectionMenu.startIndex && t.end_index === selectionMenu.endIndex
1970
- );
1971
- if (existingTag && existingTag.id) {
1972
- updateTag == null ? void 0 : updateTag(existingTag.id, cat.id);
1973
- } else {
1974
- addTag(cat.id);
1975
- }
2138
+ className: "relative flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-white/70 backdrop-blur-md",
2139
+ style: {
2140
+ background: `linear-gradient(135deg, ${cat.color}22, rgba(255,255,255,0.75))`,
2141
+ boxShadow: `0 10px 22px ${cat.color}14`
1976
2142
  },
1977
- className: "group w-full text-[12px] font-bold px-3 py-2 rounded-xl transition-all duration-300 text-left flex items-center justify-between hover:bg-white/80 hover:shadow-[0_2px_10px_rgb(0,0,0,0.02)] active:scale-[0.98]",
2143
+ children: /* @__PURE__ */ jsx(cat.icon, { className: "h-4 w-4", color: cat.color })
2144
+ }
2145
+ ),
2146
+ /* @__PURE__ */ jsx(
2147
+ "span",
2148
+ {
2149
+ className: "relative text-[13px] font-semibold tracking-[0.01em]",
1978
2150
  style: { color: cat.color },
1979
- children: [
1980
- /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
1981
- /* @__PURE__ */ jsx(
1982
- cat.icon,
1983
- {
1984
- className: "w-4 h-4 group-hover:scale-110 transition-transform duration-300",
1985
- style: { color: cat.color }
1986
- }
1987
- ),
1988
- cat.label
1989
- ] }),
1990
- /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold text-slate-400 opacity-0 group-hover:opacity-100 transition-all duration-300 translate-x-1 group-hover:translate-x-0", children: "Select" })
1991
- ]
1992
- },
1993
- cat.id
1994
- )),
1995
- tags.some(
1996
- (t) => t.block_id === block.id && t.start_index === selectionMenu.startIndex && t.end_index === selectionMenu.endIndex
1997
- ) && /* @__PURE__ */ jsx("div", { className: "mt-1 pt-1 border-t border-white/60", children: /* @__PURE__ */ jsxs(
1998
- "button",
2151
+ children: cat.label
2152
+ }
2153
+ ),
2154
+ /* @__PURE__ */ jsx("span", { className: "relative ml-auto rounded-full border border-white/70 bg-white/75 px-2.5 py-1 text-[11px] font-semibold text-[#456575] backdrop-blur-md", children: catTags.length }),
2155
+ /* @__PURE__ */ jsx(
2156
+ ChevronDown,
1999
2157
  {
2000
- onClick: (e) => {
2001
- const tagToRemove = tags.find(
2002
- (t) => t.block_id === block.id && t.start_index === selectionMenu.startIndex && t.end_index === selectionMenu.endIndex
2003
- );
2004
- if (tagToRemove) {
2005
- removeTag(e, tagToRemove.id);
2006
- clearSelection();
2007
- }
2008
- },
2009
- className: "group w-full text-[12px] font-bold px-3 py-2 rounded-xl transition-all duration-300 text-left flex items-center justify-between hover:bg-rose-50 hover:text-rose-600 hover:shadow-[0_2px_10px_rgb(225,29,72,0.04)] active:scale-[0.98] text-slate-500 border border-transparent hover:border-rose-100",
2010
- children: [
2011
- /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
2012
- /* @__PURE__ */ jsx("div", { className: "w-2 h-2 rounded-full shadow-sm bg-rose-400 group-hover:scale-125 transition-transform duration-300" }),
2013
- "Remove Tag"
2014
- ] }),
2015
- /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold text-rose-400 opacity-0 group-hover:opacity-100 transition-all duration-300 translate-x-1 group-hover:translate-x-0", children: "Remove" })
2016
- ]
2158
+ className: `relative h-4 w-4 transition-transform duration-500 ease-[cubic-bezier(0.22,1,0.36,1)] ${isExpanded ? "rotate-180" : ""}`,
2159
+ style: { color: cat.color }
2017
2160
  }
2018
- ) })
2019
- ] })
2020
- ]
2021
- }
2022
- )
2023
- ]
2024
- },
2025
- block.id
2026
- ))
2161
+ )
2162
+ ]
2163
+ }
2164
+ ),
2165
+ /* @__PURE__ */ jsx(
2166
+ "div",
2167
+ {
2168
+ className: `grid transition-all duration-500 ease-[cubic-bezier(0.22,1,0.36,1)] ${isExpanded ? "grid-rows-[1fr] opacity-100 mt-3" : "grid-rows-[0fr] opacity-0"}`,
2169
+ children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap justify-start gap-2 py-2", children: uniqueTags.map((tag, index) => /* @__PURE__ */ jsx(
2170
+ "div",
2171
+ {
2172
+ className: "relative flex flex-col items-start",
2173
+ children: /* @__PURE__ */ jsxs(
2174
+ "span",
2175
+ {
2176
+ title: tag.name,
2177
+ onClick: (e) => {
2178
+ e.stopPropagation();
2179
+ if (cat.id !== "PROP" && cat.id !== "SET_PROP" && cat.id !== "CAST")
2180
+ return;
2181
+ if ((editingTagData == null ? void 0 : editingTagData.tag.id) === tag.id) {
2182
+ setEditingTagData(null);
2183
+ } else {
2184
+ const rect = e.currentTarget.getBoundingClientRect();
2185
+ setPopupPlacement({
2186
+ alignRight: rect.left > window.innerWidth - 240,
2187
+ alignBottom: rect.bottom > window.innerHeight - 250
2188
+ });
2189
+ setTagForm({
2190
+ quantity: tag.quantity || 1,
2191
+ look: tag.look || "",
2192
+ age: tag.age || ""
2193
+ });
2194
+ setEditingTagData({
2195
+ tag,
2196
+ catId: cat.id,
2197
+ catColor: cat.color,
2198
+ rect
2199
+ });
2200
+ }
2201
+ },
2202
+ className: `inline-block max-w-full truncate text-[11px] font-semibold px-3 py-1.5 rounded-full border backdrop-blur-md transition-all duration-300 ${cat.id === "PROP" || cat.id === "SET_PROP" || cat.id === "CAST" ? "cursor-pointer hover:scale-105 shadow-sm" : ""}`,
2203
+ style: {
2204
+ color: cat.color,
2205
+ background: `linear-gradient(145deg, ${cat.color}18, rgba(255,255,255,0.88))`,
2206
+ borderColor: `${cat.color}28`
2207
+ },
2208
+ children: [
2209
+ tag.name,
2210
+ (cat.id === "PROP" || cat.id === "SET_PROP") && tag.quantity && tag.quantity > 1 ? /* @__PURE__ */ jsxs("span", { className: "ml-1.5 opacity-80 font-bold", children: [
2211
+ "x",
2212
+ tag.quantity
2213
+ ] }) : null
2214
+ ]
2215
+ }
2216
+ )
2217
+ },
2218
+ index
2219
+ )) }) })
2220
+ }
2221
+ )
2222
+ ] }, cat.id);
2223
+ }) })
2224
+ ] })
2225
+ ] })
2027
2226
  }
2028
- ),
2029
- /* @__PURE__ */ jsxs("div", { className: "relative bg-[#fdfdfc] shadow-md shadow-zinc-300/60 border border-zinc-100 rounded-sm md:rounded-md flex flex-col w-[210mm] shrink-0 p-8 md:p-12 lg:p-16", children: [
2030
- /* @__PURE__ */ jsxs("h3", { className: "text-xs font-extrabold text-slate-800 uppercase tracking-[0.25em] mb-6 flex items-center gap-3 font-sans", children: [
2031
- /* @__PURE__ */ jsx("span", { className: "flex items-center justify-center w-8 h-8 rounded-full bg-slate-100/80 shadow-inner border border-slate-200/50", children: /* @__PURE__ */ jsx(AlignLeft, { className: "w-3.5 h-3.5 text-slate-500" }) }),
2032
- "Scene Brief"
2033
- ] }),
2034
- /* @__PURE__ */ jsxs("div", { className: "relative bg-zinc-50/50 border border-zinc-200/60 rounded-xl p-4 md:p-6 shadow-inner focus-within:bg-white focus-within:border-zinc-300 focus-within:shadow-[0_8px_30px_rgb(0,0,0,0.04)] transition-all duration-300", children: [
2035
- /* @__PURE__ */ jsx(
2036
- "textarea",
2037
- {
2038
- value: sceneBrief,
2039
- onChange: (e) => setSceneBrief(e.target.value),
2040
- placeholder: "Write a brief description or notes for this scene...",
2041
- className: "w-full min-h-[120px] bg-transparent outline-none resize-y text-zinc-700 placeholder:text-zinc-400 text-sm md:text-base custom-scrollbar font-sans select-none",
2042
- style: {
2043
- lineHeight: "1.6"
2044
- }
2045
- }
2046
- ),
2047
- /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx(
2048
- "button",
2049
- {
2050
- onClick: onUpdateBrief,
2051
- disabled: !sceneBrief || sceneBrief.trim() === "",
2052
- className: "rounded-full bg-[#15607b] px-6 py-3 text-[13px] font-semibold tracking-wide text-white shadow-md transition-all hover:bg-[#134a61] hover:shadow-lg active:scale-95 disabled:bg-gray-200 disabled:cursor-not-allowed disabled:opacity-95 disabled:text-black disabled:shadow-none",
2053
- children: "Update"
2054
- }
2055
- ) })
2056
- ] })
2057
- ] })
2227
+ )
2058
2228
  ] }),
2059
- /* @__PURE__ */ jsxs(
2060
- "button",
2061
- {
2062
- onClick: () => setIsSidebarOpen(true),
2063
- className: "fixed bottom-6 right-6 z-40 flex h-14 w-14 items-center justify-center rounded-full bg-[#15607b] text-white shadow-[0_8px_30px_rgba(21,96,123,0.3)] transition-transform hover:scale-105 active:scale-95 xl:hidden",
2064
- children: [
2065
- /* @__PURE__ */ jsx(Tags, { className: "h-6 w-6" }),
2066
- tags.length > 0 && /* @__PURE__ */ jsx("span", { className: "absolute -top-1 -right-1 flex h-5 w-5 items-center justify-center rounded-full bg-rose-500 text-[10px] font-bold text-white shadow-sm border-2 border-white", children: tags.length })
2067
- ]
2068
- }
2069
- ),
2070
- isSidebarOpen && /* @__PURE__ */ jsx(
2071
- "div",
2072
- {
2073
- className: "fixed inset-0 z-40 bg-slate-900/20 backdrop-blur-sm transition-opacity xl:hidden",
2074
- onClick: () => setIsSidebarOpen(false)
2075
- }
2076
- ),
2077
- /* @__PURE__ */ jsx(
2078
- "div",
2079
- {
2080
- className: `fixed xl:absolute top-0 right-0 z-50 h-full w-72 transform transition-transform duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] xl:translate-x-0 ${isSidebarOpen ? "translate-x-0 shadow-[0_0_40px_rgba(0,0,0,0.1)]" : "translate-x-full"}`,
2081
- children: /* @__PURE__ */ jsxs("div", { className: "sticky top-0 flex h-[100dvh] max-h-screen w-full flex-col border-l border-l-[#eefafd] bg-white p-3 py-5", children: [
2082
- !aiSummarized && /* @__PURE__ */ jsx(
2083
- summarize_button_default,
2084
- {
2085
- isSummarizing,
2086
- onSummarize
2087
- }
2088
- ),
2089
- /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col gap-3 py-5 my-5 border-t border-t-[#eefafd] flex-1 overflow-hidden", children: [
2090
- /* @__PURE__ */ jsxs("div", { className: "relative flex items-center justify-between mb-6 shrink-0", children: [
2091
- /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
2092
- /* @__PURE__ */ jsx("div", { className: "relative flex h-8 w-8 items-center justify-center rounded-[10px] border border-[#15607b]/20 bg-white shadow-sm", children: /* @__PURE__ */ jsx(Tags, { className: "h-4 w-4 text-[#15607b]" }) }),
2093
- /* @__PURE__ */ jsx("h3", { className: "text-[12px] font-semibold uppercase tracking-[0.28em] text-[#134a61]", children: "Breakdown" })
2094
- ] }),
2095
- /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx("span", { className: "rounded-full border border-slate-200/60 bg-slate-50 px-2.5 py-1 text-[11px] font-semibold text-[#134a61] shadow-sm backdrop-blur-md", children: tags.length }) })
2229
+ editingTagData && /* @__PURE__ */ jsxs(Fragment, { children: [
2230
+ /* @__PURE__ */ jsx(
2231
+ "div",
2232
+ {
2233
+ className: "fixed inset-0 z-[100]",
2234
+ onClick: (e) => {
2235
+ e.stopPropagation();
2236
+ setEditingTagData(null);
2237
+ }
2238
+ }
2239
+ ),
2240
+ /* @__PURE__ */ jsxs(
2241
+ "div",
2242
+ {
2243
+ className: `p-3.5 bg-white/90 backdrop-blur-2xl rounded-[1.25rem] shadow-[0_10px_40px_rgb(0,0,0,0.12)] border border-white/60 z-[101] w-56 animate-in fade-in zoom-in-95 duration-200 ease-out fixed`,
2244
+ style: {
2245
+ top: popupPlacement.alignBottom ? "auto" : editingTagData.rect.bottom + 8,
2246
+ bottom: popupPlacement.alignBottom ? window.innerHeight - editingTagData.rect.top + 8 : "auto",
2247
+ left: popupPlacement.alignRight ? "auto" : editingTagData.rect.left,
2248
+ right: popupPlacement.alignRight ? window.innerWidth - editingTagData.rect.right : "auto"
2249
+ },
2250
+ onClick: (e) => e.stopPropagation(),
2251
+ children: [
2252
+ /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-3 border-b border-slate-100 pb-2.5", children: [
2253
+ /* @__PURE__ */ jsx("span", { className: "text-[10px] font-extrabold text-slate-400 uppercase tracking-widest drop-shadow-sm", children: "Details" }),
2254
+ /* @__PURE__ */ jsx(
2255
+ "button",
2256
+ {
2257
+ onClick: () => setEditingTagData(null),
2258
+ className: "hover:bg-slate-100/80 p-1.5 rounded-full transition-colors active:scale-95",
2259
+ children: /* @__PURE__ */ jsx(X, { className: "w-3.5 h-3.5 text-slate-500" })
2260
+ }
2261
+ )
2096
2262
  ] }),
2097
- /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 overflow-y-auto overflow-x-hidden pb-4 pr-1 custom-scrollbar", children: CATEGORIES.map((cat) => {
2098
- const catTags = tags.filter((t) => t.category_id === cat.id);
2099
- if (!catTags.length) return null;
2100
- const isExpanded = expandedCategories[cat.id];
2101
- const uniqueTags = Array.from(
2102
- new Map(
2103
- catTags.map((tag) => [tag.name.toLowerCase(), tag])
2104
- ).values()
2105
- );
2106
- return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
2107
- /* @__PURE__ */ jsxs(
2108
- "div",
2263
+ (editingTagData.catId === "PROP" || editingTagData.catId === "SET_PROP") && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
2264
+ /* @__PURE__ */ jsx("label", { className: "text-[11px] font-bold text-slate-600 ml-1", children: "Quantity" }),
2265
+ /* @__PURE__ */ jsx(
2266
+ "input",
2267
+ {
2268
+ type: "number",
2269
+ min: "1",
2270
+ value: tagForm.quantity,
2271
+ onChange: (e) => {
2272
+ const val = Math.max(1, parseInt(e.target.value) || 1);
2273
+ setTagForm((prev) => __spreadProps(__spreadValues({}, prev), {
2274
+ quantity: val
2275
+ }));
2276
+ },
2277
+ className: "w-full text-[13px] px-3 py-2 rounded-xl border border-slate-200/80 outline-none focus:border-[#15607b] focus:ring-2 focus:ring-[#15607b]/20 transition-all bg-slate-50/50 focus:bg-white font-semibold text-slate-700"
2278
+ }
2279
+ )
2280
+ ] }),
2281
+ editingTagData.catId === "CAST" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
2282
+ /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
2283
+ /* @__PURE__ */ jsx("label", { className: "text-[11px] font-bold text-slate-600 ml-1", children: "Look" }),
2284
+ /* @__PURE__ */ jsx(
2285
+ "input",
2109
2286
  {
2110
- onClick: () => setExpandedCategories((prev) => ({
2111
- [cat.id]: !prev[cat.id]
2112
- })),
2113
- className: "group relative flex cursor-pointer items-center gap-3 overflow-hidden rounded-[24px] border border-white/70 px-4 py-3.5 transition-all duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] hover:-translate-y-[1px]",
2114
- style: {
2115
- background: `linear-gradient(135deg, rgba(255,255,255,0.92), ${cat.hex}18)`,
2116
- boxShadow: `0 16px 36px ${cat.hex}14, inset 0 1px 0 rgba(255,255,255,0.9)`,
2117
- border: `1px solid ${cat.hex}50`
2287
+ type: "text",
2288
+ placeholder: "e.g. Dirty, Formal",
2289
+ value: tagForm.look,
2290
+ onChange: (e) => {
2291
+ setTagForm((prev) => __spreadProps(__spreadValues({}, prev), {
2292
+ look: e.target.value
2293
+ }));
2118
2294
  },
2119
- children: [
2120
- /* @__PURE__ */ jsx(
2121
- "div",
2122
- {
2123
- className: "absolute inset-0 opacity-0 transition-opacity duration-300 group-hover:opacity-100",
2124
- style: {
2125
- background: `radial-gradient(circle at 15% 20%, ${cat.hex}24, transparent 38%)`
2126
- }
2127
- }
2128
- ),
2129
- /* @__PURE__ */ jsx(
2130
- "div",
2131
- {
2132
- className: "relative flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-white/70 backdrop-blur-md",
2133
- style: {
2134
- background: `linear-gradient(135deg, ${cat.color}22, rgba(255,255,255,0.75))`,
2135
- boxShadow: `0 10px 22px ${cat.color}14`
2136
- },
2137
- children: /* @__PURE__ */ jsx(cat.icon, { className: "h-4 w-4", color: cat.color })
2138
- }
2139
- ),
2140
- /* @__PURE__ */ jsx(
2141
- "span",
2142
- {
2143
- className: "relative text-[13px] font-semibold tracking-[0.01em]",
2144
- style: { color: cat.color },
2145
- children: cat.label
2146
- }
2147
- ),
2148
- /* @__PURE__ */ jsx("span", { className: "relative ml-auto rounded-full border border-white/70 bg-white/75 px-2.5 py-1 text-[11px] font-semibold text-[#456575] backdrop-blur-md", children: catTags.length }),
2149
- /* @__PURE__ */ jsx(
2150
- ChevronDown,
2151
- {
2152
- className: `relative h-4 w-4 transition-transform duration-500 ease-[cubic-bezier(0.22,1,0.36,1)] ${isExpanded ? "rotate-180" : ""}`,
2153
- style: { color: cat.color }
2154
- }
2155
- )
2156
- ]
2295
+ className: "w-full text-[13px] px-3 py-2 rounded-xl border border-slate-200/80 outline-none focus:border-[#15607b] focus:ring-2 focus:ring-[#15607b]/20 transition-all bg-slate-50/50 focus:bg-white font-semibold text-slate-700 placeholder:text-slate-400 placeholder:font-normal"
2157
2296
  }
2158
- ),
2297
+ )
2298
+ ] }),
2299
+ /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
2300
+ /* @__PURE__ */ jsx("label", { className: "text-[11px] font-bold text-slate-600 ml-1", children: "Age" }),
2159
2301
  /* @__PURE__ */ jsx(
2160
- "div",
2302
+ "input",
2161
2303
  {
2162
- className: `grid transition-all duration-500 ease-[cubic-bezier(0.22,1,0.36,1)] ${isExpanded ? "grid-rows-[1fr] opacity-100 mt-3" : "grid-rows-[0fr] opacity-0"}`,
2163
- children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap justify-start gap-2 py-2", children: uniqueTags.map((tag, index) => /* @__PURE__ */ jsx(
2164
- "span",
2165
- {
2166
- title: tag.name,
2167
- className: "inline-block max-w-full truncate text-[11px] font-semibold px-3 py-1.5 rounded-full border backdrop-blur-md transition-all duration-300",
2168
- style: {
2169
- color: cat.color,
2170
- background: `linear-gradient(145deg, ${cat.color}18, rgba(255,255,255,0.88))`,
2171
- borderColor: `${cat.color}28`
2172
- },
2173
- children: tag.name
2174
- },
2175
- index
2176
- )) }) })
2304
+ type: "number",
2305
+ min: "0",
2306
+ max: "100",
2307
+ value: tagForm.age,
2308
+ onChange: (e) => {
2309
+ let val = parseInt(e.target.value);
2310
+ if (isNaN(val)) {
2311
+ setTagForm((prev) => __spreadProps(__spreadValues({}, prev), {
2312
+ age: ""
2313
+ }));
2314
+ return;
2315
+ }
2316
+ val = Math.max(0, Math.min(100, val));
2317
+ setTagForm((prev) => __spreadProps(__spreadValues({}, prev), {
2318
+ age: val.toString()
2319
+ }));
2320
+ },
2321
+ className: "w-full text-[13px] px-3 py-2 rounded-xl border border-slate-200/80 outline-none focus:border-[#15607b] focus:ring-2 focus:ring-[#15607b]/20 transition-all bg-slate-50/50 focus:bg-white font-semibold text-slate-700"
2177
2322
  }
2178
2323
  )
2179
- ] }, cat.id);
2180
- }) })
2181
- ] })
2182
- ] })
2183
- }
2184
- )
2185
- ] }) });
2324
+ ] })
2325
+ ] }),
2326
+ /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(
2327
+ "button",
2328
+ {
2329
+ onClick: (e) => {
2330
+ e.stopPropagation();
2331
+ if (editingTagData.tag.id) {
2332
+ updateTag == null ? void 0 : updateTag(editingTagData.tag.id, editingTagData.catId, __spreadValues(__spreadValues({}, editingTagData.catId === "PROP" || editingTagData.catId === "SET_PROP" ? { quantity: tagForm.quantity } : {}), editingTagData.catId === "CAST" ? { look: tagForm.look, age: tagForm.age } : {}));
2333
+ }
2334
+ setEditingTagData(null);
2335
+ },
2336
+ className: "w-full bg-[#15607b] hover:bg-[#134a61] text-white text-[12px] font-bold py-2.5 rounded-xl transition-all shadow-[0_4px_12px_rgba(21,96,123,0.2)] hover:shadow-[0_6px_16px_rgba(21,96,123,0.3)] active:scale-[0.98]",
2337
+ children: "Update Details"
2338
+ }
2339
+ ) })
2340
+ ]
2341
+ }
2342
+ )
2343
+ ] })
2344
+ ] });
2186
2345
  }
2187
2346
  function useScriptBreakdownScene(options) {
2188
2347
  const [tags, setTags] = useState(options.preLoadedTags || []);
@@ -2280,14 +2439,21 @@ function useScriptBreakdownScene(options) {
2280
2439
  if (!aiTag.block_id || !aiTag.category_id || typeof aiTag.start_index !== "number" || typeof aiTag.end_index !== "number") {
2281
2440
  return;
2282
2441
  }
2283
- newTags.push({
2442
+ const newTag = {
2284
2443
  id: aiTag.id || uuid(),
2285
2444
  block_id: String(aiTag.block_id).startsWith("par") ? String(aiTag.block_id).substring(3) : String(aiTag.block_id),
2286
2445
  category_id: aiTag.category_id,
2287
2446
  name: aiTag.name,
2288
2447
  start_index: aiTag.start_index,
2289
2448
  end_index: aiTag.end_index
2290
- });
2449
+ };
2450
+ if (aiTag.category_id === "PROP" || aiTag.category_id === "SET_PROP") {
2451
+ newTag.quantity = 1;
2452
+ } else if (aiTag.category_id === "CAST") {
2453
+ newTag.look = "";
2454
+ newTag.age = "";
2455
+ }
2456
+ newTags.push(newTag);
2291
2457
  });
2292
2458
  if (newTags.length > 0) {
2293
2459
  const originalTags = tags;
@@ -2339,7 +2505,9 @@ function useScriptBreakdownScene(options) {
2339
2505
  category_id: "CAST",
2340
2506
  name: charName,
2341
2507
  start_index: startIndex,
2342
- end_index: startIndex + charName.length
2508
+ end_index: startIndex + charName.length,
2509
+ look: "",
2510
+ age: ""
2343
2511
  });
2344
2512
  }
2345
2513
  }
@@ -2552,6 +2720,12 @@ function useScriptBreakdownScene(options) {
2552
2720
  start_index: selectionMenu.startIndex,
2553
2721
  end_index: selectionMenu.endIndex
2554
2722
  };
2723
+ if (categoryId === "PROP" || categoryId === "SET_PROP") {
2724
+ newTag.quantity = 1;
2725
+ } else if (categoryId === "CAST") {
2726
+ newTag.look = "";
2727
+ newTag.age = "";
2728
+ }
2555
2729
  setTags((prev) => {
2556
2730
  const filtered = prev.filter(
2557
2731
  (t) => t.block_id !== newTag.block_id || !(newTag.end_index > t.start_index && newTag.start_index < t.end_index)
@@ -2581,22 +2755,36 @@ function useScriptBreakdownScene(options) {
2581
2755
  setTags((prev) => [...prev, tagToRemove]);
2582
2756
  }
2583
2757
  };
2584
- const updateTag = async (id, categoryId) => {
2585
- var _a;
2758
+ const updateTag = async (id, categoryId, details) => {
2759
+ var _a, _b, _c, _d;
2586
2760
  const tagToUpdate = tags.find((t) => t.id === id);
2587
2761
  if (!tagToUpdate) return;
2762
+ const updatedFields = __spreadValues({}, details);
2763
+ if (categoryId) {
2764
+ updatedFields.category_id = categoryId;
2765
+ if (categoryId === "PROP" || categoryId === "SET_PROP") {
2766
+ updatedFields.quantity = (_a = tagToUpdate.quantity) != null ? _a : 1;
2767
+ } else if (categoryId === "CAST") {
2768
+ updatedFields.look = (_b = tagToUpdate.look) != null ? _b : "";
2769
+ updatedFields.age = (_c = tagToUpdate.age) != null ? _c : "";
2770
+ }
2771
+ }
2588
2772
  setTags(
2589
- (prev) => prev.map((t) => t.id === id ? __spreadProps(__spreadValues({}, t), { category_id: categoryId }) : t)
2773
+ (prev) => prev.map((t) => {
2774
+ if (t.id === id) return __spreadValues(__spreadValues({}, t), updatedFields);
2775
+ if (details && t.name === tagToUpdate.name && t.category_id === tagToUpdate.category_id) {
2776
+ return __spreadValues(__spreadValues({}, t), details);
2777
+ }
2778
+ return t;
2779
+ })
2590
2780
  );
2591
- clearSelection();
2781
+ if (categoryId) clearSelection();
2592
2782
  try {
2593
- await ((_a = options.onTagUpdated) == null ? void 0 : _a.call(options, id, categoryId));
2783
+ await ((_d = options.onTagUpdated) == null ? void 0 : _d.call(options, id, categoryId || null, details));
2594
2784
  } catch (error2) {
2595
2785
  console.error("Failed to update tag:", error2);
2596
2786
  setTags(
2597
- (prev) => prev.map(
2598
- (t) => t.id === id ? __spreadProps(__spreadValues({}, t), { category_id: tagToUpdate.category_id }) : t
2599
- )
2787
+ (prev) => prev.map((t) => t.id === id ? tagToUpdate : t)
2600
2788
  );
2601
2789
  }
2602
2790
  };